Najnowsze tutoriale tworzenie stron internetowych
 

TableRow komórki Collection

<TableRow Przedmiot

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

Przykłady

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