Collezione di celle di tabella
Esempio
Scopri quante celle ci sono nella prima riga di una tabella:
var x = document.getElementById("myTable").rows[0].cells.length;
Il risultato di x sarà:
2
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La raccolta di celle restituisce una raccolta di tutti gli elementi <td> o <th> in una tabella.
Nota: gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente.
Suggerimento: utilizza la raccolta di righe per restituire una raccolta di tutti gli elementi <tr> in una tabella.
Suggerimento: usa il metodo insertRow() per creare una nuova riga (<tr>).
Suggerimento: usa il metodo deleteRow() per rimuovere una riga.
Suggerimento: utilizzare il metodo insertCell() per creare una nuova cella (<td>).
Suggerimento: usa il metodo deleteCell() per eliminare una cella.
Supporto browser
Collection | |||||
---|---|---|---|---|---|
cells | Yes | Yes | Yes | Yes | Yes |
Sintassi
tableObject.cells
Proprietà
Property | Description |
---|---|
length | Returns the number of <td> and/or <th> elements in the collection. Note: This property is read-only |
Metodi
Method | Description |
---|---|
[index] | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <td> and/or <th> element from the collection with the specified id. Note: Returns null if the id does not exist |
Dettagli tecnici
Versione DOM: | Oggetto documento di livello principale 2 |
---|---|
Valore di ritorno: | Un oggetto HTMLCollection, che rappresenta tutti gli elementi <td> e/o <th> nell'elemento <table>. Gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[ indice ]
Avvisa l'innerHTML della prima cella nella prima riga della tabella:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Esempio
articolo ( indice )
Avvisa l'innerHTML della prima cella nella prima riga della tabella:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Esempio
namedItem( id )
Avvisa l'innerHTML della cella con id="myTd" nella prima riga della tabella:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
Esempio
Modifica il contenuto della prima cella della tabella:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Pagine correlate
Riferimento HTML: tag HTML <td>
Riferimento HTML: tag HTML <th>
Riferimento JavaScript: oggetto TableData HTML DOM
Riferimento JavaScript: oggetto TableHeader HTML DOM
❮ Oggetto tabella