Esempio
Scopri quante cellule ci sono in prima fila in una tabella:
var x = document.getElementById("myTable").rows[0].cells.length;Il risultato di x sarà:
2 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La collezione cellule restituisce un insieme di tutte le <td> o <th> elementi in una tabella.
Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.
Suggerimento: Utilizzare il file di raccolta per restituire un insieme di tutte le <tr> elementi in una tabella.
Suggerimento: Utilizzare insertRow() metodo per creare una nuova riga (<tr>) .
Suggerimento: Utilizzare la deleteRow() metodo per rimuovere una riga.
Suggerimento: Utilizzare insertCell() metodo per creare una nuova cella (<td>) .
Suggerimento: Utilizzare la deleteCell() metodo per eliminare una cella.
Supporto browser
| Collezione | |||||
|---|---|---|---|---|---|
| cells | sì | sì | sì | sì | sì |
Sintassi
tableObject .cellsProprietà
| Proprietà | Descrizione |
|---|---|
| length | Restituisce il numero di <td> e / o <th> elementi della collezione. Nota: questa proprietà è di sola lettura |
metodi
| Metodo | Descrizione |
|---|---|
| [ index ] | Restituisce il <td> e / o <th> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| item( index ) | Restituisce il <td> e / o <th> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| namedItem( id ) | Restituisce il <td> e / o <th> elemento della collezione con l'ID specificato. Nota: restituisce null se l'ID non esiste |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 2 |
|---|---|
| Valore di ritorno: | Un oggetto HTMLCollection, comprendente tutte <td> e / o <th> elementi della <table> elemento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[Index]
Avverte l'innerHTML della prima cella nella prima riga della tabella:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML); Prova tu stesso " Esempio
item( index )
Avverte l'innerHTML della prima cella nella prima riga della tabella:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML); Prova tu stesso " Esempio
namedItem( id )
Avverte l'innerHTML della cella con id = "myTd" nella prima riga della tabella:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML); Prova tu stesso " Esempio
Modificare il contenuto della prima cella della tabella:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Prova tu stesso " Pagine correlate
Di riferimento HTML: HTML <td> tag
Di riferimento HTML: HTML <th> tag
Di riferimento JavaScript: HTML DOM Object TableData
Di riferimento JavaScript: HTML DOM Object TableHeader
<Tabella Object