Przykład
Dowiedzieć się, ile wierszy są w tabeli:
var x = document.getElementById("myTable").rows.length;
Wynikiem X będzie:
2
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zbiór wierszy zwraca kolekcję wszystkich <tr> elementów w tabeli.
Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Ważne: Z insertRow() sposobu w celu utworzenia nowego rzędu (<tr>) .
Ważne: Z deleteRow() sposobu w celu usunięcia wiersz.
Wskazówka: Użyj insertCell() metodę, aby utworzyć nową komórkę (<td>) .
Wskazówka: Użyj deleteCell() metody, aby usunąć komórki.
Wskazówka: Użyj komórek kolekcji, aby powrócić kolekcję wszystkich <td> i <th> elementy w tabeli.
Wsparcie przeglądarka
Kolekcja | |||||
---|---|---|---|---|---|
rows | tak | tak | tak | tak | tak |
Składnia
tableObject .rows
Nieruchomości
Nieruchomość | Opis |
---|---|
length | Zwraca liczbę <tr> elementów w kolekcji. Uwaga: Ta właściwość jest tylko do odczytu |
metody
metoda | Opis |
---|---|
[ index ] | Zwraca <tr> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
item( index ) | Zwraca <tr> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
namedItem( id ) | Zwraca <tr> elementu z kolekcji o podanym identyfikatorze. Uwaga: Zwraca null, jeśli id nie istnieje |
Szczegóły techniczne
DOM wersja: | Rdzeń Poziom 2 Document Object |
---|---|
Zwracana wartość: | Object HTMLCollection reprezentujący wszystkie <tr> elementy w <table> elementu. Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym |
Więcej przykładów
Przykład
[Indeks]
Alert innerHTML pierwszego <tr> elementu (index 0) w poniższej tabeli:
alert(document.getElementById("myTable").rows[0].innerHTML;
Spróbuj sam " Przykład
item( index )
Alert innerHTML pierwszego <tr> elementu (index 0) w poniższej tabeli:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Spróbuj sam " Przykład
namedItem( id )
Alert innerHTML o <tr> elementu id = "myRow" w tabeli:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
Spróbuj sam " Przykład
Zmienić treść pierwszej komórce tabeli:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT";
Spróbuj sam " Podobne strony
Odniesienia HTML: HTML <tr> tag
Odniesienia JavaScript: HTML DOM TableRow obiektu
<Stół obiektowy