TableRow cells Sammlung

HTML DOM TableRow-Objekt

Definition und Verwendung

cells Die Sammlung gibt alle <td> oder <th> Sammlung von Elementen.

Anmerkung:Die Elemente in der Sammlung werden in der Reihenfolge sortiert, in der sie im Quellcode auftreten.

Beispiel

Beispiel 1

Zeige die Anzahl der Zellen in der ersten Zeile an:

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

Probieren Sie es selbst aus

Das Ergebnis von x wird sein:

2

Beispiel 2: [index]

Geben Sie den innerHTML der ersten Zelle in der ersten Zeile der Tabelle aus:

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

Probieren Sie es selbst aus

Beispiel 3: item(index)

Geben Sie den innerHTML der ersten Zelle in der ersten Zeile der Tabelle aus:

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

Probieren Sie es selbst aus

Beispiel 4: namedItem(id)

Geben Sie den innerHTML der Zelle mit id="myTd" in der ersten Zeile der Tabelle aus:

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

Probieren Sie es selbst aus

Beispiel 5

Ändern Sie den Inhalt der ersten Tabellenzelle:

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

Probieren Sie es selbst aus

Syntax

tableObject.cells

Attribut

Attribut Beschreibung
length

Gibt die Anzahl der <td> und/oder <th> Elemente in der Sammlung zurück.

Anmerkung:Dieser Attribut ist schreibgeschützt.

Methode

Methode Beschreibung
[index]

Gibt den <td> und/oder <th> Element mit der angegebenen Indexnummer in der Sammlung zurück (ab 0 beginnend).

Anmerkung:Wenn die Indexnummer außerhalb des Bereichs liegt, wird null zurückgegeben.
item(index)

Gibt den <td> und/oder <th> Element mit der angegebenen Indexnummer in der Sammlung zurück (ab 0 beginnend).

Anmerkung:Wenn die Indexnummer außerhalb des Bereichs liegt, wird null zurückgegeben.
namedItem(id)

Gibt <td> und/oder <th> Elemente aus der Sammlung mit der angegebenen id zurück.

Anmerkung:Wenn id nicht existiert, wird null zurückgegeben.

Technische Details

DOM-Version: Core Level 2 Document Object
Rückgabewert:

HTMLCollection-Objekt, das alle <td> und/oder <th>-Elemente im <tr>-Element darstellt.

Die Elemente in der Sammlung werden in der Reihenfolge sortiert, in der sie im Quellcode auftreten.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML DOM TableRow-Objekt