collezione delle righe del tavolo

Oggetto Table DOM HTML

definizione e uso

rows la collezione restituisce una collezione di tutti gli elementi <tr> della tabella.

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

Suggerimento:Usare metodo insertRow() creazione di una nuova riga (<tr>).

Suggerimento:Usare metodo deleteRow() Elimina la riga.

Suggerimento:Usare Metodo insertCell() Crea una nuova cella (<td>).

Suggerimento:Usare Metodo deleteCell() Elimina la cella.

Suggerimento:Usare Collezione cells Restituisce la collezione di tutti gli elementi <td> o <th> nella tabella.

Vedere anche:

Manuale HTML:Etichetta <tr> HTML

Manuale JavaScript:Oggetto TableRow DOM HTML

Esempio

Esempio 1

Determina il numero di righe nella tabella:

var x = document.getElementById("myTable").rows.length;

Prova personalmente

Il risultato di x sarà:

2

Esempio 2: [index]

Mostra l'innerHTML del primo elemento <tr> (indice 0) nella tabella:

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

Prova personalmente

Esempio 3: item(index)

Mostra l'innerHTML del primo elemento <tr> (indice 0) nella tabella:

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

Prova personalmente

Esempio 4: namedItem(id)

Mostra l'innerHTML dell'elemento <tr> con id="myRow" nella tabella:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Prova personalmente

Esempio 5

Modifica il contenuto della prima cella della tabella:

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

Prova personalmente

Sintassi

tableObject.rows

Proprietà

Proprietà Descrizione
length

Restituisce il numero di elementi <tr> nella collezione.

Note:Questa proprietà è readonly.

Metodo

Metodo Descrizione
[index]

Restituisce l'elemento <tr> con l'indice specificato nella collezione (partendo da 0).

Note:Se il numero dell'indice è fuori dalla gamma, viene restituito null.
item(index)

Restituisce l'elemento <tr> con l'indice specificato nella collezione (partendo da 0).

Note:Se il numero dell'indice è fuori dalla gamma, viene restituito null.
namedItem(id)

Restituisce l'elemento <tr> con l'id specificato nella collezione.

Note:Se l'id non esiste, viene restituito null.

Dettagli tecnici

Versione DOM: Document Object Model di livello 2
Valore di ritorno:

L'oggetto HTMLCollection, che rappresenta tutti gli elementi <tr> dell'elemento <table>.

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

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto Table DOM HTML