Collezione di celle TableRow
Esempio
Mostra il numero di celle nella prima riga:
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 riga di tabella.
Nota: gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente.
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 <tr>. 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";
❮ Oggetto TableRow