কম্পিউটার

HTML DOM টেবিল সারি সংগ্রহ


HTML DOM টেবিল সারি সংগ্রহ একটি HTML নথিতে একটি টেবিলের সমস্ত উপাদানের একটি সংগ্রহ প্রদান করে।

সিনট্যাক্স

নিচের সিনট্যাক্স −

object.rows

সারি সংগ্রহের বৈশিষ্ট্য

একটি HTML নথিতে সংগ্রহের উপাদান।

উপাদানের সংখ্যা প্রদান করে।
সম্পত্তি
ব্যাখ্যা
দৈর্ঘ্য
এটি একটি HTML নথিতে সংগ্রহে থাকা

সারি সংগ্রহের পদ্ধতি

সংগ্রহ থেকে উপাদান সংগ্রহ থেকে উপাদান. সংগ্রহ থেকে উপাদান

উপাদান ফেরত দেয়।

উপাদান ফেরত দেয়।
উপাদান ফেরত দেয়
পদ্ধতি
ব্যাখ্যা
[সূচী]
এটি সংগ্রহ থেকে নির্দিষ্ট সূচক
আইটেম(সূচী)
এটি সংগ্রহ থেকে নির্দিষ্ট সূচক
নামকৃত আইটেম(আইডি)
এটি সংগ্রহ থেকে নির্দিষ্ট আইডি

আসুন HTML DOM টেবিল সারি সংগ্রহ -

এর একটি উদাহরণ দেখি

উদাহরণ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
      text-align: center;
   }
   table {
      margin: 2rem auto;
   }
   .show {
      font-size: 1.2rem;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show {
      font-size: 1.2rem;
   }
</style>
<body>
<h1>DOM Table rows Collection Demo</h1>
<table border="2">
<thead>
<tr>
<th>Name</th>
<th>Roll No.</th>
</tr>
<thead>
<tbody>
<tr>
<td>John</td>
<td>071717</td>
</tr>
<tr>
<td>Jane</td>
<td>031717</td>
</tr>
</tbody>
</table>
<button onclick="get()" class="btn">Get Number of Rows</button>
<div class="show"></div>
<script>
   function get() {
      var table = document.querySelector('table');
      document.querySelector('.show').innerHTML = 'Number of rows : ' + table.rows.length;
   }
</script>
</body>
</html>

আউটপুট

HTML DOM টেবিল সারি সংগ্রহ

সারির সংখ্যা পান-এ ক্লিক করুন সংগ্রহ থেকে উপাদানের সংখ্যা পেতে ” বোতাম।

HTML DOM টেবিল সারি সংগ্রহ


  1. HTML DOM টেবিলহেডার অবজেক্ট

  2. এইচটিএমএল ডম টেবিল থ হেড প্রপার্টি

  3. এইচটিএমএল DOM টেবিল tFoot সম্পত্তি

  4. HTML DOM Textarea সারি প্রপার্টি