Esempio
Inserire nuova row(s) nella prima posizione di una tabella (e inserire un <td> elemento con alcuni contenuti ad esso):
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; Prova tu stesso " Definizione e l'utilizzo
insertRow() metodo crea un vuoto <tr> elemento e lo aggiunge una tabella.
insertRow() metodo inserisce la nuova row(s) in corrispondenza dell'indice specificato nella tabella.
Nota: un <tr> elemento deve contenere uno o più <th> o <td> elementi.
Suggerimento: Utilizzare la deleteRow() metodo per rimuovere una riga.
Supporto browser
| Metodo | |||||
|---|---|---|---|---|---|
| insertRow() | sì | sì | sì | sì | sì |
Sintassi
tableObject .insertRow( valori dei parametri Valore Descrizione index Richiesto in Firefox e Opera, opzionale in IE, Chrome e Safari. Un numero che specifica la posizione della riga da inserire (inizia da 0). Il valore di 0 risultati in quanto la nuova riga verrà inserito nella prima posizione. Il valore di -1 può essere utilizzato anche, questo si traduce in una nuova riga essendo inserito nell'ultima posizione.
Questo parametro è richiesto in Firefox e Opera, ma facoltativo in Internet Explorer, Chrome e Safari.
Se questo parametro viene omesso, insertRow() inserisce una nuova riga nell'ultima posizione in Chrome, IE, Firefox e Opera, e alla prima posizione in Safari.
Dettagli tecnici
Valore di ritorno: Il inserita <tr> elemento
Altri esempi
Esempio
Creare ed eliminare row(s) :
function myCreateFunction() {
var table =
document.getElementById("myTable");
var row =
table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW
CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
} Prova tu stesso "
Pagine correlate
Di riferimento HTML: HTML <tr> tag
<Tabella Object