Table rows Sammlung

Definition und Verwendung

rows Die Sammlung gibt die Sammlung aller <tr>-Elemente in der Tabelle zurück.

Anmerkung:Die Elemente in der Sammlung werden in der Reihenfolge ihrer Erscheinung im Quellcode sortiert.

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.

Hinweis:Verwenden Sie cells Sammlung Gibt die Sammlung aller <td> oder <th>-Elemente im Tisch zurück.

Siehe auch:

HTML Referenzhandbuch:HTML <tr>-Tag

JavaScript Referenzhandbuch:HTML DOM TableRow-Objekt

Beispiel

Beispiel 1

Ermitteln Sie die Anzahl der Zeilen im Tisch:

var x = document.getElementById("myTable").rows.length;

Versuchen Sie es selbst

Das Ergebnis von x wird sein:

2

Beispiel 2: [index]

Hinweis auf den innerHTML des ersten <tr>-Elements (Index 0) in der Tabelle:

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

Versuchen Sie es selbst

Beispiel 3: item(index)

Hinweis auf den innerHTML des ersten <tr>-Elements (Index 0) in der Tabelle:

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

Versuchen Sie es selbst

Beispiel 4: namedItem(id)

Hinweis auf den innerHTML des <tr>-Elements mit id="myRow" in der Tabelle:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Versuchen Sie es selbst

Beispiel 5

Ändern Sie den Inhalt der ersten Zelle der Tabelle:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEUER INHALT";

Versuchen Sie es selbst

Syntax

tableObject.rows

Eigenschaft

Eigenschaft Beschreibung
length

Gibt die Anzahl der <tr>-Elemente in der Sammlung zurück.

Anmerkung:Dieser Eigenschaft ist nur lesbar.

Methode

Methode Beschreibung
[index]

Gibt den <tr>-Element mit der angegebenen Indexnummer in der Sammlung zurück (beginnend bei 0).

Anmerkung:Wenn die Indexnummer außerhalb des Bereichs liegt, wird null zurückgegeben.

item(index)

Gibt den <tr>-Element mit der angegebenen Indexnummer in der Sammlung zurück (beginnend bei 0).

Anmerkung:Wenn die Indexnummer außerhalb des Bereichs liegt, wird null zurückgegeben.

namedItem(id)

Gibt den <tr>-Element mit der angegebenen ID in der Sammlung zurück.

Anmerkung:Wenn die ID nicht existiert, wird null zurückgegeben.

Technische Details

DOM-Version: Core Level 2 Document Object
Rückgabewert:

HTMLCollection-Objekt, das alle <tr>-Elemente im <table>-Element darstellt.

Die Elemente in der Sammlung werden in der Reihenfolge ihrer Erscheinung im Quellcode sortiert.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung