Exemplu
Aflați cât de multe celule sunt în primul rând dintr-un tabel:
var x = document.getElementById("myTable").rows[0].cells.length;Rezultatul x va fi:
2 Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Colecția de celule returnează o colecție de toate <td> sau <th> elemente într - un tabel.
Note: Elementele din colecție sunt sortate așa cum apar în codul sursă.
Sfat: Folosiți rânduri colecția pentru a returna o colecție de toate <tr> elemente într - un tabel.
Indicație: Utilizați insertRow() metoda pentru a crea un nou rând (<tr>) .
Indicație: Utilizați deleteRow() metoda pentru a elimina un rând.
Sfat: utilizați insertCell() metoda pentru a crea o nouă celulă (<td>) .
Sfat: utilizați deleteCell() metoda pentru a șterge o celulă.
Suport pentru browser-
| Colectie | |||||
|---|---|---|---|---|---|
| cells | da | da | da | da | da |
Sintaxă
tableObject .cellsProprietăți
| Proprietate | Descriere |
|---|---|
| length | Returnează numărul de <td> și / sau <th> elemente din colecție. Notă: Această proprietate este read-only |
metode
| Metodă | Descriere |
|---|---|
| [ index ] | Returnează <td> și / sau <th> Element din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
| item( index ) | Returnează <td> și / sau <th> Element din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
| namedItem( id ) | Returnează <td> și / sau <th> element din colecția cu id - ul specificat. Nota: returneaza null daca id - ul nu există |
Detalii tehnice
| DOM Versiune: | Nivelul Core 2 Document Object |
|---|---|
| Întoarcere Valoare: | Un obiect HTMLCollection, reprezentând toate <td> și / sau <th> elemente din <table> Element. Elementele din colecție sunt sortate așa cum apar în codul sursă |
Mai multe exemple
Exemplu
[Index]
Alertați innerHTML primei celule în primul rând a tabelului:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML); Încearcă - l singur » Exemplu
item( index )
Alertați innerHTML primei celule în primul rând a tabelului:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML); Încearcă - l singur » Exemplu
namedItem( id )
Alerta innerHTML celulei cu id = „myTd“, în primul rând a tabelului:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML); Încearcă - l singur » Exemplu
Modificarea conținutului primei celule tabel:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Încearcă - l singur » Pagini similare
HTML de referință: HTML <td> tag
HTML de referință: HTML <th> tag - ul
Referință JavaScript: HTML DOM TableData Obiect
Referință JavaScript: HTML DOM tableheader Obiect
<Tabelul Object