zbiór wierszy tabeli

Obiekt Table DOM HTML

definicja i użycie

rows zbiór zwraca wszystkie elementy <tr> w tabeli.

Komentarz:Elementy w zbiorze są sortowane według kolejności ich występowania w kodzie źródłowym.

Wskazówka:Użyj metoda insertRow() tworzenie nowej linii (<tr>).

Wskazówka:Użyj metoda deleteRow() Usuń wiersz.

Wskazówka:Użyj Metoda insertCell() Utwórz nową komórkę (<td>).

Wskazówka:Użyj Metoda deleteCell() Usuń komórkę.

Wskazówka:Użyj Zbiór cells Zwraca zbiór wszystkich elementów <td> lub <th> w tabeli.

Zobacz również:

Podręcznik HTML:Tag <tr> HTML

Podręcznik JavaScript:Obiekt TableRow DOM HTML

Przykład

Przykład 1

Sprawdź, ile wierszy jest w tabeli:

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

Spróbuj sam

Wynik x będzie:

2

Przykład 2: [index]

Podaj innerHTML pierwszego elementu <tr> (indeks 0) w tabeli:

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

Spróbuj sam

Przykład 3: item(index)

Podaj innerHTML pierwszego elementu <tr> (indeks 0) w tabeli:

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

Spróbuj sam

Przykład 4: namedItem(id)

Podaj innerHTML elementu <tr> z id="myRow" w tabeli:

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

Spróbuj sam

Przykład 5

Zmień zawartość pierwszej komórki tabeli:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NOWY TREŚĆ";

Spróbuj sam

Gramatyka

tableObject.rows

Atrybut

Atrybut Opis
length

Zwraca liczbę elementów <tr> w zbiorze.

Komentarz:Ta właściwość jest tylko do odczytu.

Metoda

Metoda Opis
[index]

Zwraca element <tr> o zdefiniowanym indeksie w zbiorze (zaczynając od 0).

Komentarz:Jeśli numer indeksu jest poza zakresem, zwraca null.
item(index)

Zwraca element <tr> o zdefiniowanym indeksie w zbiorze (zaczynając od 0).

Komentarz:Jeśli numer indeksu jest poza zakresem, zwraca null.
namedItem(id)

Zwraca element <tr> o zdefiniowanym id w zbiorze.

Komentarz:Jeśli nie istnieje id, zwraca null.

Szczegóły techniczne

Wersja DOM: Dokument Core Level 2 Object
Zwracana wartość:

Obiekt HTMLCollection, który reprezentuje wszystkie elementy <tr> w elemencie <table>.

Elementy w zbiorze są sortowane według kolejności ich występowania w kodzie źródłowym.

Wsparcie przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt Table DOM HTML