Neueste Web-Entwicklung Tutorials
 

Sammlung TableRow Zellen

<TableRow Object

Beispiel

Zeigt die Anzahl der Zellen in der ersten Reihe:

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 Tabellenzeile.

Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.

Browser-Unterstützung

Sammlung
cells Ja Ja Ja Ja Ja

Syntax

tableObject .cells

Eigenschaften

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 <tr> Element. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen
Beispiele

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 "
<TableRow Object