Samling av tabellrader

HTML DOM Table-objekt

Definition och användning

rader Samlingen returnerar en samling av alla <tr>-element i tabellen.

Kommentar:Elementen i samlingen sorteras i den ordning de dyker upp i källkoden.

Tips:Använd insertRow() metoden Skapa en ny rad (<tr>).

Tips:Använd deleteRow() metoden Ta bort rad.

Tips:Använd insertCell() metod Skapa en ny cell (<td>).

Tips:Använd deleteCell() metod Ta bort cell.

Tips:Använd cells samling Returnerar en samling av alla <td> eller <th> element i tabellen.

Se också:

HTML referenshandbok:HTML <tr>-tagget

JavaScript referenshandbok:HTML DOM TableRow-objekt

Exempel

Exempel 1

Finn ut hur många rader det finns i tabellen:

var x = document.getElementById("myTable").rows.length;

Prova själv

Resultatet av x kommer att vara:

2

Exempel 2: [index]

Visa innerHTML för det första <tr> elementet (index 0) i tabellen:

alert(document.getElementById("myTable").rows[0].innerHTML;

Prova själv

Exempel 3: item(index)

Visa innerHTML för det första <tr> elementet (index 0) i tabellen:

alert(document.getElementById("myTable").rows.item(0).innerHTML);

Prova själv

Exempel 4: namedItem(id)

Visa innerHTML för <tr> elementet med id="myRow" i tabellen:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Prova själv

Exempel 5

Ändra innehållet i den första tabellcellen:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NYTT INHÅLL";

Prova själv

Syntax

tableObject.rows

Egenskap

Egenskap Beskrivning
length

Returnerar antalet <tr> element i samlingsmedlemmen.

Kommentar:Denna egenskap är skrivskyddad.

Metod

Metod Beskrivning
[index]

Returnerar samlingsmedlemmen som har det specificerade indexet <tr> element (från 0).

Kommentar:Om indexnumret är utanför intervallet returneras null.
item(index)

Returnerar samlingsmedlemmen som har det specificerade indexet <tr> element (från 0).

Kommentar:Om indexnumret är utanför intervallet returneras null.
namedItem(id)

Returnerar samlingsmedlemmen som har det specificerade id:et <tr> element.

Kommentar:Om id inte finns, returneras null.

Tekniska detaljer

DOM-version: Core Level 2 Document Object
Returvärde:

HTMLCollection objekt som representerar alla <tr> element inom <table> elementen.

Elementen i samlingen sorteras i den ordning de dyker upp i källkoden.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML DOM Table-objekt