TableRow cells samling

HTML DOM TableRow-objekt

Definition och användning

cells Samlingen returnerar alla <td> eller <th> Samling av element.

Kommentar:Elementen i samlingen sorteras i den ordning de uppstår i källkoden.

Exempel

Exempel 1

Visa antalet celler i första raden:

var x = document.getElementById("myTable").rows[0].cells.length;

Prova själv

Resultatet av x kommer att vara:

2

Exempel 2: [index]

Skriv ut innerHTML för den första cellen i första raden av tabellen:

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

Prova själv

Exempel 3: item(index)

Skriv ut innerHTML för den första cellen i första raden av tabellen:

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

Prova själv

Exempel 4: namedItem(id)

Skriv ut innerHTML för cellen med id="myTd" i första raden av tabellen:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").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

Syntaks

tableObject.cells

Egenskap

Egenskap Beskrivning
length

Returnerar antalet <td> och/eller <th> element i kollektionen.

Kommentar:Denna egenskap är skrivskyddad.

Metod

Metod Beskrivning
[index]

Returnerar <td> och/eller <th> element med den angivna indexen i kollektionen (börjar vid 0).

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

Returnerar <td> och/eller <th> element med den angivna indexen i kollektionen (börjar vid 0).

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

Returnerar <td> och/eller <th> element från kollektionen med det angivna id:t.

Kommentar:Om id inte finns, returneras null.

Tekniska detaljer

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

HTMLCollection-objekt, som representerar alla <td> och/eller <th>-element inom <tr>-elementen.

Elementen i samlingen sorteras i den ordning de uppstår 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 TableRow-objekt