Esempio
Scopri quante righe ci sono in una tabella:
var x = document.getElementById("myTable").rows.length;Il risultato di x sarà:
2 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La collezione righe restituisce un insieme di tutte le <tr> elementi in una tabella.
Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.
Suggerimento: Utilizzare insertRow() metodo per creare una nuova riga (<tr>) .
Suggerimento: Utilizzare la deleteRow() metodo per rimuovere una riga.
Suggerimento: Utilizzare insertCell() metodo per creare una nuova cella (<td>) .
Suggerimento: Utilizzare la deleteCell() metodo per eliminare una cella.
Suggerimento: utilizzare il cellule di raccolta per restituire un insieme di tutte le <td> o <th> elementi in una tabella.
Supporto browser
| Collezione | |||||
|---|---|---|---|---|---|
| rows | sì | sì | sì | sì | sì |
Sintassi
tableObject .rowsProprietà
| Proprietà | Descrizione |
|---|---|
| length | Restituisce il numero di <tr> elementi della collezione. Nota: questa proprietà è di sola lettura |
metodi
| Metodo | Descrizione |
|---|---|
| [ index ] | Restituisce il <tr> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| item( index ) | Restituisce il <tr> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| namedItem( id ) | Restituisce il <tr> elemento della collezione con l'ID specificato. Nota: restituisce null se l'ID non esiste |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 2 |
|---|---|
| Valore di ritorno: | Un oggetto HTMLCollection, rappresentano tutti <tr> elementi della <table> elemento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[Index]
Avverte l'innerHTML del primo <tr> elemento (index 0) nella tabella:
alert(document.getElementById("myTable").rows[0].innerHTML; Prova tu stesso " Esempio
item( index )
Avverte l'innerHTML del primo <tr> elemento (index 0) nella tabella:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Prova tu stesso " Esempio
namedItem( id )
Avvertire l'innerHTML del <tr> elemento con id = "myRow" nella tabella:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML); Prova tu stesso " Esempio
Modificare il contenuto della prima cella della tabella:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Prova tu stesso " Pagine correlate
Di riferimento HTML: HTML <tr> tag
Di riferimento JavaScript: HTML DOM Object TableRow
<Tabella Object