Beispiel
Finden Sie heraus, wie viele Zellen es in der ersten Zeile in einer Tabelle ist:
var x = document.getElementById("myTable").rows[0].cells.length;Das Ergebnis von x wird sein:
2 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Zellen Sammlung gibt eine Auflistung aller <td> oder <th> Elemente in einer Tabelle.
Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.
Tipp: Verwenden Sie die Reihen Sammlung eine Sammlung aller zurückzukehren <tr> Elemente in einer Tabelle.
Tipp: Verwenden Sie die insertRow() -Methode eine neue Zeile zu erstellen (<tr>) .
Tipp: Verwenden Sie die deleteRow() Methode , eine Zeile zu entfernen.
Tipp: Verwenden Sie die insertCell() -Methode eine neue Zelle zu erstellen (<td>) .
Tipp: Verwenden Sie die deleteCell() Methode um eine Zelle zu löschen.
Browser-Unterstützung
| Sammlung | |||||
|---|---|---|---|---|---|
| cells | Ja | Ja | Ja | Ja | Ja |
Syntax
tableObject .cellsEigenschaften
| Eigentum | Beschreibung |
|---|---|
| length | Gibt die Anzahl der <td> und / oder <th> Elemente in der Sammlung. Hinweis: Diese Eigenschaft ist schreibgeschützt |
Methods
| Methode | Beschreibung |
|---|---|
| [ index ] | Gibt die <td> und / oder <th> Element aus der Sammlung mit dem angegebenen Index (starts at 0) . Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs |
| item( index ) | Gibt die <td> und / oder <th> Element aus der Sammlung mit dem angegebenen Index (starts at 0) . Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs |
| namedItem( id ) | Gibt die <td> und / oder <th> Element aus der Sammlung mit der angegebenen ID. Hinweis: Gibt null zurück , wenn die ID nicht existiert |
Technische Details
| DOM Version: | Core Level 2 Document Object |
|---|---|
| Rückgabewert: | Ein HTMLCollection Objekt, stellvertretend für alle <td> und / oder <th> Elemente in der <table> Element. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen |
Mehr Beispiele
Beispiel
[Index]
Alarmieren Sie die innerHTML- der ersten Zelle in der ersten Zeile der Tabelle:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML); Versuch es selber " Beispiel
item( index )
Alarmieren Sie die innerHTML- der ersten Zelle in der ersten Zeile der Tabelle:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML); Versuch es selber " Beispiel
namedItem( id )
Alarmiert die innerHTML- der Zelle mit id = „myTd“ in der ersten Zeile der Tabelle:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML); Versuch es selber " Beispiel
Ändern Sie den Inhalt der ersten Tabellenzelle:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Versuch es selber " Verwandte Seiten
HTML - Referenz: HTML <td> -Tag
HTML - Referenz: HTML <th> -Tag
JavaScript - Referenz: HTML - DOM - Objekt Table
JavaScript - Referenz: HTML - DOM - Objekt Tableheader
<Table Object