Ultimele tutoriale de dezvoltare web
 

TableRow Colectia de celule

<TableRow Obiect

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ă

Exemple

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