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...