TableRow cells verzameling

HTML DOM TableRow object

Definitie en gebruik

cells De verzameling retourneert alle <td> of <th> Verzameling van elementen.

Opmerking:The elements in the collection are sorted in the order they appear in the source code.

Voorbeeld

Voorbeeld 1

Toon het aantal cellen in de eerste rij:

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

Probeer het zelf uit

Het resultaat van x zal zijn:

2

Voorbeeld 2: [index]

Geef de innerHTML van de eerste cel in de eerste rij van de tabel weer:

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

Probeer het zelf uit

Voorbeeld 3: item(index)

Geef de innerHTML van de eerste cel in de eerste rij van de tabel weer:

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

Probeer het zelf uit

Voorbeeld 4: namedItem(id)

Geef de innerHTML van de cel met id="myTd" in de eerste rij van de tabel weer:

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

Probeer het zelf uit

Voorbeeld 5

Wijzig de inhoud van de eerste tabelcel:

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

Probeer het zelf uit

Syntaxis

tableObject.cells

Eigenschap

Eigenschap Beschrijving
length

Retourneert het aantal <td> en/or <th> elementen in de verzameling.

Opmerking:Deze eigenschap is alleen lezen.

Methode

Methode Beschrijving
[index]

Retourneert het <td> en/or <th> element met de gespecificeerde index in de verzameling (beginnend bij 0).

Opmerking:Retourneert null als de index out of range is.
item(index)

Retourneert het <td> en/or <th> element met de gespecificeerde index in de verzameling (beginnend bij 0).

Opmerking:Retourneert null als de index out of range is.
namedItem(id)

Retourneert <td> en/or <th> elementen uit de verzameling met het gespecificeerde id.

Opmerking:Als het id niet bestaat, wordt null geretourneerd.

Technical details

DOM version: Core Level 2 Document Object
Return value:

HTMLCollection object, representing all <td> and/or <th> elements within the <tr> element.

The elements in the collection are sorted in the order they appear in the source code.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM TableRow object