Sammlung von Tabellenzeilen
Beispiel
Finden Sie heraus, wie viele Zeilen eine Tabelle hat:
var x = document.getElementById("myTable").rows.length;
Das Ergebnis von x ist:
2
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die rows-Sammlung gibt eine Sammlung aller <tr>-Elemente in einer Tabelle zurück.
Hinweis: Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen.
Tipp: Verwenden Sie die Methode insertRow() , um eine neue Zeile zu erstellen (<tr>).
Tipp: Verwenden Sie die Methode deleteRow() , um eine Zeile zu entfernen.
Tipp: Verwenden Sie die Methode insertCell() , um eine neue Zelle (<td>) zu erstellen.
Tipp: Verwenden Sie die Methode deleteCell() , um eine Zelle zu löschen.
Tipp: Verwenden Sie die Cells -Sammlung, um eine Sammlung aller <td>- oder <th>-Elemente in einer Tabelle zurückzugeben.
Browser-Unterstützung
Collection | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
Syntax
tableObject.rows
Eigenschaften
Property | Description |
---|---|
length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Methoden
Method | Description |
---|---|
[index] | Returns the <tr> 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 <tr> 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 <tr> 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 <tr>-Elemente im <table>-Element darstellt. Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen |
Mehr Beispiele
Beispiel
[ Inhaltsverzeichnis ]
Benachrichtigen Sie das innerHTML des ersten <tr>-Elements (Index 0) in der Tabelle:
alert(document.getElementById("myTable").rows[0].innerHTML;
Beispiel
Artikel ( Index )
Benachrichtigen Sie das innerHTML des ersten <tr>-Elements (Index 0) in der Tabelle:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Beispiel
NamedItem( id )
Benachrichtigen Sie das innerHTML des <tr>-Elements mit id="myRow" in der Tabelle:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
Beispiel
Ändern Sie den Inhalt der ersten Tabellenzelle:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Verwandte Seiten
HTML-Referenz: HTML <tr>-Tag
JavaScript-Referenz: HTML-DOM-TableRow-Objekt
❮ Tabellenobjekt