एचटीएमएल डोम टेबल टीबॉडीज संग्रह

<घंटा/>

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

सिंटैक्स

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

object.tBodies

टीबॉडीज संग्रह के गुण

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

संपत्ति	स्पष्टीकरण
लंबाई	यह एक HTML दस्तावेज़ में संग्रह में

टीबॉडीज संग्रह के गुण

तत्व लौटाता है। तत्व लौटाता है। तत्व लौटाता है।

विधि	स्पष्टीकरण
[सूचकांक]	यह संग्रह से निर्दिष्ट अनुक्रमणिका
आइटम (सूचकांक)	यह संग्रह से निर्दिष्ट अनुक्रमणिका
namedItem(id)	यह संग्रह से निर्दिष्ट आईडी

आइए हम HTML DOM तालिका tBodies Collection का एक उदाहरण देखें -

उदाहरण

<!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 tBodies 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>
<tbody>
<tr>
<td>Elon</td>
<td>021717</td>
</tr>
<tr>
<td>Mario</td>
<td>011717</td>
</tr>
</tbody>
</table>
<button onclick="get()" class="btn">Get Number of table body</button>
<div class="show"></div>
<script>
   function get() {
      var table = document.querySelector('table');
      document.querySelector('.show').innerHTML = 'Number of table body element : ' + table.tBodies.length;
   }  
</script>
</body>
</html>

आउटपुट

एचटीएमएल डोम टेबल टीबॉडीज संग्रह

संग्रह से तत्वों की संख्या प्राप्त करने के लिए "टेबल बॉडी की संख्या प्राप्त करें" बटन पर क्लिक करें।

एचटीएमएल डोम टेबल टीबॉडीज संग्रह