TableRow - Zellensammlung
Beispiel
Zeigen Sie die Anzahl der Zellen in der ersten Zeile an:
var x = document.getElementById("myTable").rows[0].cells.length;
Das Ergebnis von x ist:
2
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Cells-Sammlung gibt eine Sammlung aller <td>- oder <th>-Elemente in einer Tabellenzeile zurück.
Hinweis: Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen.
Browser-Unterstützung
Collection | |||||
---|---|---|---|---|---|
cells | Yes | Yes | Yes | Yes | Yes |
Syntax
tableObject.cells
Eigenschaften
Property | Description |
---|---|
length | Returns the number of <td> and/or <th> elements in the collection. Note: This property is read-only |
Methoden
Method | Description |
---|---|
[index] | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <td> and/or <th> element from the collection with the specified id. Note: Returns null if the id does not exist |
Technische Details
DOM-Version: | Dokumentobjekt der Kernebene 2 |
---|---|
Rückgabewert: | Ein HTMLCollection-Objekt, das alle <td>- und/oder <th>-Elemente im <tr>-Element darstellt. Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen |
Mehr Beispiele
Beispiel
[ Inhaltsverzeichnis ]
Benachrichtigen Sie das innerHTML der ersten Zelle in der ersten Zeile der Tabelle:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Beispiel
Artikel ( Index )
Benachrichtigen Sie das innerHTML der ersten Zelle in der ersten Zeile der Tabelle:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Beispiel
NamedItem( id )
Benachrichtigen Sie das innerHTML der Zelle mit id="myTd" in der ersten Zeile der Tabelle:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
Beispiel
Ändern Sie den Inhalt der ersten Tabellenzelle:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
❮ TableRow-Objekt