Tabel rijen Collectie
Voorbeeld
Zoek uit hoeveel rijen er in een tabel zijn:
var x = document.getElementById("myTable").rows.length;
Het resultaat van x zal zijn:
2
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De rijenverzameling retourneert een verzameling van alle <tr>-elementen in een tabel.
Opmerking: de elementen in de collectie worden gesorteerd zoals ze in de broncode worden weergegeven.
Tip: Gebruik de methode insertRow() om een nieuwe rij (<tr>) te maken.
Tip: Gebruik de methode deleteRow() om een rij te verwijderen.
Tip: Gebruik de methode insertCell() om een nieuwe cel te maken (<td>).
Tip: Gebruik de methode deleteCell() om een cel te verwijderen.
Tip: gebruik de verzameling cellen om een verzameling van alle <td>- of <th>-elementen in een tabel te retourneren.
Browserondersteuning
| Collection | |||||
|---|---|---|---|---|---|
| rows | Yes | Yes | Yes | Yes | Yes |
Syntaxis
tableObject.rows
Eigenschappen
| Property | Description |
|---|---|
| length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Methoden:
| 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 |
Technische details
| DOM-versie: | Kernniveau 2 documentobject |
|---|---|
| Winstwaarde: | Een HTMLCollection-object, dat alle <tr>-elementen in het <table>-element vertegenwoordigt. De elementen in de collectie worden gesorteerd zoals ze in de broncode voorkomen |
Meer voorbeelden
Voorbeeld
[ index ]
Waarschuw de innerHTML van het eerste <tr> element (index 0) in de tabel:
alert(document.getElementById("myTable").rows[0].innerHTML;
Voorbeeld
artikel( index )
Waarschuw de innerHTML van het eerste <tr> element (index 0) in de tabel:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Voorbeeld
genoemdItem( id )
Waarschuw de innerHTML van het <tr> element met id="myRow" in de tabel:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
Voorbeeld
Wijzig de inhoud van de eerste tabelcel:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Gerelateerde pagina's
HTML-referentie: HTML <tr>-tag
JavaScript-referentie: HTML DOM TableRow-object
❮ Tafelobject