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;
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);
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);
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);
Beispiel 5
Ändern Sie den Inhalt der ersten Tabellenzelle:
var x = document.getElementById("myTable").rows[0].cells; x[0].innerHTML = "NEUER INHALT";
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 |