HTML DOM तालिका पंक्तियों का संग्रह

<घंटा/>

HTML DOM तालिका पंक्तियाँ संग्रह एक HTML दस्तावेज़ में तालिका के सभी तत्वों का संग्रह देता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

object.rows

पंक्तियों के संग्रह के गुण

HTML दस्तावेज़ में संग्रह के तत्व।

तत्वों की संख्या देता है।

Property <वें शैली ="पाठ-संरेखण:केंद्र;">स्पष्टीकरण
लंबाई	यह एक 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 तालिका पंक्तियों का संग्रह