insieme delle celle della tabella

Oggetto DOM Table HTML

definizione e uso

cells l'insieme restituisce l'insieme di tutti gli elementi <td> o <th> della tabella.

Note:Gli elementi nella raccolta sono ordinati secondo l'ordine in cui compaiono nel codice sorgente.

Suggerimento:usare insieme rows ritornare l'insieme di tutti gli elementi <tr> della tabella.

Suggerimento:Usare metodo insertRow() creare una nuova riga (<tr>).

Suggerimento:Usare metodo deleteRow() eliminare la riga.

Suggerimento:Usare metodo insertCell() Crea una nuova cella (<td>).

Suggerimento:Usare Metodo deleteCell() Elimina la cella.

Vedere anche:

Manuale HTML:Etichetta <td> HTML

Manuale HTML:Etichetta <th> HTML

Manuale JavaScript:Oggetto DOM TableData HTML

Manuale JavaScript:Oggetto DOM TableHeader HTML

Esempio

Esempio 1

Mostra il numero di celle nella prima riga:

var x = document.getElementById("myTable").rows[0].cells.length;

Prova personalmente

Il risultato di x sarà:

2

Esempio 2: [index]

Visualizza l'innerHTML della prima cella nella prima riga della tabella:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

Prova personalmente

Esempio 3: item(index)

Visualizza l'innerHTML della prima cella nella prima riga della tabella:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

Prova personalmente

Esempio 4: namedItem(id)

Visualizza l'innerHTML della cella con id="myTd" nella prima riga della tabella:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

Prova personalmente

Esempio 5

Modifica il contenuto della prima cella della tabella:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NUOVO CONTENUTO";

Prova personalmente

Sintassi

tableObject.cells

Proprietà

Proprietà Descrizione
length

Restituisce il numero di elementi <td> e/oppure <th> nella raccolta.

Note:Questa proprietà è sola lettura.

Metodo

Metodo Descrizione
[index]

Restituisce l'elemento <td> e/oppure <th> con l'indice specificato nella raccolta (partendo da 0).

Note:Se il numero dell'indice è fuori dalla gamma, viene restituito null.
item(index)

Restituisce l'elemento <td> e/oppure <th> con l'indice specificato nella raccolta (partendo da 0).

Note:Se il numero dell'indice è fuori dalla gamma, viene restituito null.
namedItem(id)

Restituisce gli elementi <td> e/oppure <th> dalla raccolta che possiede l'id specificato.

Note:Se l'id non esiste, viene restituito null.

Dettagli tecnici

Versione DOM: Document Object Model di livello 2
Valore di ritorno:

L'oggetto HTMLCollection, che rappresenta tutti gli elementi <td> e/oppure <th> all'interno dell'elemento <tr>.

Gli elementi nella raccolta sono ordinati secondo l'ordine in cui compaiono nel codice sorgente.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto DOM Table HTML