Table cells Sammlung

Definition und Verwendung

cells Die Sammlung gibt die Sammlung aller <td> oder <th>-Elemente in der Tabelle zurück.

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

Hinweis:Verwendung rows Sammlung Gibt die Sammlung aller <tr>-Elemente in der Tabelle zurück.

Hinweis:Verwenden Sie insertRow() Methode Neue Zeile erstellen (<tr>).

Hinweis:Verwenden Sie deleteRow() Methode Zeile löschen.

Hinweis:Verwenden Sie insertCell() Methode Neue Zelle (<td>) erstellen.

Hinweis:Verwenden Sie deleteCell() Methode Zelle löschen.

Weitere Informationen siehe:

HTML-Referenzhandbuch:HTML <td>-Tag

HTML-Referenzhandbuch:HTML <th>-Tag

JavaScript-Referenzhandbuch:HTML DOM TableData-Objekt

JavaScript-Referenzhandbuch:HTML DOM TableHeader-Objekt

Beispiel

Beispiel 1

Zeige die Anzahl der Zellen in der ersten Zeile an:

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

Versuchen Sie es selbst

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);

Versuchen Sie es selbst

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);

Versuchen Sie es selbst

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);

Versuchen Sie es selbst

Beispiel 5

Ändern Sie den Inhalt der ersten Tabellenzelle:

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

Versuchen Sie es selbst

Syntax

tableObject.cells

Eigenschaft

Eigenschaft Beschreibung
length

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

Anmerkung:Dieser Eigenschaft ist schreibgeschützt.

Methode

Methode Beschreibung
[index]

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

Anmerkung:Wird die Indexnummer außerhalb des Bereichs, wird null zurückgegeben.

item(index)

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

Anmerkung:Wird die Indexnummer außerhalb des Bereichs, wird null zurückgegeben.

namedItem(id)

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

Anmerkung:Wird id nicht gefunden, wird null zurückgegeben.

Technische Details

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

Das HTMLCollection-Objekt, das alle <td> und/oder <th>-Elemente in den <tr>-Elementen darstellt.

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

Browser-Unterstützung

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