Table cells-samlingen

HTML DOM Table objekt

Definition och användning

cells Samlingen returnerar samlingen av alla <td> eller <th>-element i tabellen.

Kommentar:Elementen i samlingen sorteras i den ordning de förekommer i källkoden.

Tips:Använd rows-samlingen Returnera samlingen av alla <tr>-element i tabellen.

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

Tips:Använd deleteRow() metoden Radera rad.

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

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

Se också:

HTML-referenshandbok:HTML <td>-etikett

HTML-referenshandbok:HTML <th>-etikett

JavaScript-referenshandbok:HTML DOM TableData objekt

JavaScript-referenshandbok:HTML DOM TableHeader objekt

Exempel

Exempel 1

Visa antalet celler i den 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 den 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 den 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 den 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

Syntax

tableObject.cells

Egenskap

Egenskap Beskrivning
length

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

Kommentar:Denna egenskap är skrivskyddad.

Metod

Metod Beskrivning
[index]

Returnerar <td> och/eller <th>-elementet med det specificerade indexet i samlingen (börjar vid 0).

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

Returnerar <td> och/eller <th>-elementet med det specificerade indexet i samlingen (börjar vid 0).

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

Returnerar <td> och/eller <th>-element från samlingen med det specificerade 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 förekommer i källkoden.

Browservänlighet

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

HTML DOM Table objekt