HTML | DOM Table tBodies Collection
The Table tBodies collection is used for returning the collection of all the <tbody> elements in a table. The sequence of the <body> elements are sorted in the same way as their position in the source code.
Syntax
tableObject.tBodies
Properties
- length : It is used to return the number of <tbody> elements in the collection.
Methods
- [index] : It is used for returning the <tbody> element from the collection with a specified index.
- item(index) : It is also used for returning the <tbody> element from the collection with a specified index.
- namedItem(id) : It is also used for returning the <tbody> element from the collection with a specified id.
Below program illustrates the Table rows collection :
Example: Finding out the number of <tbody> elements in a table .
<!DOCTYPE html><html> <head> <title>Table tBodies Collection in HTML </title> <style> table, td { border: 1px solid green; } h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head> <body> <h1>GeeksforGeeks</h1> <h2>Table tBodies Collection</h2> <p>To return the number of <tbody> elements in the table, double-click the "Return body" button.</p> <table id="Courses" align="center"> <caption>Courses by Geeksforgeeks</caption> <tbody> <tr> <td>Java</td> <td>Fork Java</td> </tr> </tbody> <tbody> <tr> <td>Python</td> <td>Fork Python</td> </tr> </tbody> <tbody> <tr> <td>Placements</td> <td>Sudo Placement</td> </tr> </tbody> </table> <br> <button ondblclick="tr()"> Return tbody </button> <p id="test"></p> <script> function tr() { // Returning tBodies element length. var r = document.getElementById("Courses").tBodies.length; document.getElementById("test").innerHTML = r + " tbody elements are present in the table."; } </script> </body> </html> |
Output:
Before clicking the button:
After clicking the button:
Supported Browsers:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera
Please Login to comment...