Neueste Web-Entwicklung Tutorials
 

Tabellenzeilen-Sammlung

<Table Object

Beispiel

Finden Sie heraus, wie viele Zeilen es in einer Tabelle ist:

var x = document.getElementById("myTable").rows.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 Reihen Sammlung gibt eine Auflistung aller <tr> Elemente in einer Tabelle.

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

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.

Tipp: Verwenden Sie die Zellen Sammlung eine Sammlung aller zurückzukehren <td> oder <th> Elemente in einer Tabelle.

Browser-Unterstützung

Sammlung
rows Ja Ja Ja Ja Ja

Syntax

tableObject .rows

Eigenschaften

Eigentum Beschreibung
length Gibt die Anzahl der <tr> Elemente in der Sammlung.

Hinweis: Diese Eigenschaft ist schreibgeschützt

Methods

Methode Beschreibung
[ index ] Gibt das <tr> 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 das <tr> 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 das <tr> 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 <tr> Elemente in der <table> Element. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen
Beispiele

Mehr Beispiele

Beispiel

[Index]

Alarmieren Sie die Innerhtml des ersten <tr> Element (index 0) in der Tabelle:

alert(document.getElementById("myTable").rows[0].innerHTML;
Versuch es selber "

Beispiel

item( index )

Alarmieren Sie die Innerhtml des ersten <tr> Element (index 0) in der Tabelle:

alert(document.getElementById("myTable").rows.item(0).innerHTML);
Versuch es selber "

Beispiel

namedItem( id )

Alarmieren Sie die Innerhtml des <tr> Element mit id = "myRow" in der Tabelle:

alert(document.getElementById("myTable").rows.namedItem("myRow").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 <tr> -Tag

JavaScript - Referenz: HTML DOM TableRow Object

<Table Object