Przykład
Pokazują liczbę komórek w pierwszym rzędzie:
var x = document.getElementById("myTable").rows[0].cells.length;
Wynikiem X będzie:
2
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zbiór komórek powraca do zbierania wszystkich <td> i <th> elementy w wierszu tabeli.
Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Wsparcie przeglądarka
Kolekcja | |||||
---|---|---|---|---|---|
cells | tak | tak | tak | tak | tak |
Składnia
tableObject .cells
Nieruchomości
Nieruchomość | Opis |
---|---|
length | Zwraca liczbę <td> i / lub <th> elementów w kolekcji. Uwaga: Ta właściwość jest tylko do odczytu |
metody
metoda | Opis |
---|---|
[ index ] | Zwraca <td> i / lub <th> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
item( index ) | Zwraca <td> i / lub <th> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
namedItem( id ) | Zwraca <td> i / lub <th> 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 obejmujący wszystkie <td> i / i <th> elementy w <tr> elementu. Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym |
Więcej przykładów
Przykład
[Indeks]
Zaalarmować innerHTML pierwszej komórki w tabeli pierwszego rzędu:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Spróbuj sam " Przykład
item( index )
Zaalarmować innerHTML pierwszej komórki w tabeli pierwszego rzędu:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Spróbuj sam " Przykład
namedItem( id )
Alert innerHTML komórki id = „myTd” w tabeli pierwszego rzędu:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").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 " <TableRow Przedmiot