Exemplu
Arată numărul de celule în primul rând:
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 rând de tabel.
Note: Elementele din colecție sunt sortate așa cum apar în codul sursă.
Suport pentru browser-
Colectie | |||||
---|---|---|---|---|---|
cells | da | da | da | da | da |
Sintaxă
tableObject .cells
Proprietăț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 în <tr> 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 » <TableRow Obiect