Collezione di righe di tabella
Esempio
Scopri quante righe ci sono in una tabella:
var x = document.getElementById("myTable").rows.length;
Il risultato di x sarà:
2
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La raccolta di righe restituisce una raccolta di tutti gli elementi <tr> in una tabella.
Nota: gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente.
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.
Suggerimento: utilizza la raccolta di celle per restituire una raccolta di tutti gli elementi <td> o <th> in una tabella.
Supporto del browser
| Collection | |||||
|---|---|---|---|---|---|
| rows | Yes | Yes | Yes | Yes | Yes |
Sintassi
tableObject.rows
Proprietà
| Property | Description |
|---|---|
| length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Metodi
| Method | Description |
|---|---|
| [index] | Returns the <tr> 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 <tr> 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 <tr> 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 <tr> nell'elemento <table>. Gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[ indice ]
Avvisa innerHTML del primo elemento <tr> (indice 0) nella tabella:
alert(document.getElementById("myTable").rows[0].innerHTML;
Esempio
articolo ( indice )
Avvisa innerHTML del primo elemento <tr> (indice 0) nella tabella:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Esempio
namedItem( id )
Avvisa l'innerHTML dell'elemento <tr> con id="myRow" nella tabella:
alert(document.getElementById("myTable").rows.namedItem("myRow").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 <tr>
Riferimento JavaScript: oggetto TableRow HTML DOM
❮ Oggetto tabella