zbiór komórek tabeli

Obiekt DOM Table HTML

definicja i użycie

cells zbiór zwraca wszystkie elementy <td> lub <th> w tabeli.

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

Wskazówka:użycie zbiór rows zwrócenie zbioru wszystkich elementów <tr> w tabeli.

Wskazówka:Użyj metoda insertRow() utworzenie nowego wiersza (<tr>).

Wskazówka:Użyj metoda deleteRow() usunięcie wiersza.

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

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

Zobacz również:

Podręcznik HTML:Znacznik HTML <td>

Podręcznik HTML:Znacznik HTML <th>

Podręcznik JavaScript:Obiekt DOM TableData HTML

Podręcznik JavaScript:Obiekt DOM TableHeader HTML

Przykład

Przykład 1

Wyświetl liczbę komórek w pierwszym wierszu:

var x = document.getElementById("myTable").rows[0].cells.length;

Spróbuj sam

Wynik x będzie:

2

Przykład 2: [index]

Wypisz innerHTML pierwszej komórki w pierwszym wierszu tabeli:

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

Spróbuj sam

Przykład 3: item(index)

Wypisz innerHTML pierwszej komórki w pierwszym wierszu tabeli:

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

Spróbuj sam

Przykład 4: namedItem(id)

Wypisz innerHTML komórki o id="myTd" w pierwszym wierszu tabeli:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").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 ZAWARTOŚĆ";

Spróbuj sam

Gramatyka

tableObject.cells

Atrybut

Atrybut Opis
length

Zwraca liczbę elementów <td> i/lub <th> w zestawie.

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

Metoda

Metoda Opis
[index]

Zwraca elementy <td> i/lub <th> z zestawu o określonym indeksie (zaczynając od 0).

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

Zwraca elementy <td> i/lub <th> z zestawu o określonym indeksie (zaczynając od 0).

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

Zwraca elementy <td> i/lub <th> z zestawu o określonym id.

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

Szczegóły techniczne

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

Obiekt HTMLCollection, który reprezentuje wszystkie elementy <td> i/lub <th> wewnątrz elementu <tr>.

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 DOM Table HTML