Find out how many rows there are in a table:
The result of x will be:
More "Try it Yourself" examples below.
The rows collection returns a collection of all <tr> elements in a table.
Note: The elements in the collection are sorted as they appear in the source code.
Tip: Use the insertRow() method to create a new row (<tr>).
Tip: Use the deleteRow() method to remove a row.
Tip: Use the insertCell() method to create a new cell (<td>).
Tip: Use the deleteCell() method to delete a cell.
Tip: Use the cells collection to return a collection of all <tr> elements in a table.
Collection | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
Property | Description |
---|---|
length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Method | Description |
---|---|
[index] | Returns the <tr> element from the collection with the specified index
(starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <tr> element from the collection with the specified index
(starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <tr> element from the collection with the specified id. Note: Returns null if the id does not exist |
DOM Version: | Core Level 2 Document Object |
---|---|
Return Value: | An HTMLCollection Object, representing all <tr> elements in the <table> element. The elements in the collection are sorted as they appear in the source code |
[index]
Alert the innerHTML of the first <tr> element (index 0) in the table:
item(index)
Alert the innerHTML of the first <tr> element (index 0) in the table:
namedItem(id)
Alert the innerHTML of the <tr> element with id="myRow" in the table:
Change the content of the first table cell:
HTML reference: HTML <tr> tag
JavaScript reference: HTML DOM TableRow Object