Przykład
Dowiedzieć się, ile komórek są w pierwszym rzędzie w tabeli:
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
Kolekcja komórki zwraca kolekcję wszystkich <td> i <th> elementów w tabeli.
Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Wskazówka: Użyj wierszy kolekcję wrócić kolekcję wszystkich <tr> elementy w tabeli.
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.
Wsparcie przeglądarka
| Kolekcja | |||||
|---|---|---|---|---|---|
| cells | tak | tak | tak | tak | tak |
Składnia
tableObject .cellsNieruchomoś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 / lub <th> elementy w <table> element. 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 " Podobne strony
Odniesienia HTML: HTML <td> tag
Odniesienia HTML: HTML <th> tag
Odniesienia JavaScript: HTML DOM TableData obiektu
Odniesienia JavaScript: HTML DOM TableHeader obiektu
<Stół obiektowy