Raccolta cells della riga del tabella

Oggetto DOM TableRow HTML

Definizione e uso

cells La collection restituisce tutte le <td> o <th> Raccolta di elementi.

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

Esempio

Esempio 1

Mostra il numero di celle della prima riga:

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

Prova tu stesso

Il risultato di x sarà:

2

Esempio 2: [index]

Esporta l'innerHTML della prima cella della prima riga della tabella:

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

Prova tu stesso

Esempio 3: item(index)

Esporta l'innerHTML della prima cella della prima riga della tabella:

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

Prova tu stesso

Esempio 4: namedItem(id)

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

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

Prova tu stesso

Esempio 5

Modifica il contenuto della prima cella della tabella:

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

Prova tu stesso

Sintassi

tableObject.cells

Proprietà

Proprietà Descrizione
length

Restituisce il numero di elementi <td> e/o <th> nella collection.

Nota:Questa proprietà è sola lettura.

Metodo

Metodo Descrizione
[index]

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

Nota:Se il numero dell'indice è fuori dalla gamma, restituisce null.
item(index)

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

Nota:Se il numero dell'indice è fuori dalla gamma, restituisce null.
namedItem(id)

Restituisce gli elementi <td> e/o <th> dalla集合 con l'id specificato.

Nota:Se l'id non esiste, restituisce null.

Dettagli tecnici

Versione DOM: Document Object Level 2 Core
Valore di ritorno:

Oggetto HTMLCollection, che rappresenta tutti gli elementi <td> e/o <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 TableRow HTML