Najnowsze tutoriale tworzenie stron internetowych
 

wiersze tabeli Collection

<Stół obiektowy

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

Przykłady

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