Esempio
Inserire nuove cell(s) con il contenuto all'inizio di una riga di tabella con id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; Prova tu stesso " Definizione e l'utilizzo
insertCell() metodo inserisce una cella nella riga corrente.
Suggerimento: Utilizzare la deleteCell() metodo per eliminare una cella della riga della tabella corrente.
Supporto browser
| Metodo | |||||
|---|---|---|---|---|---|
| insertCell() | sì | sì | sì | sì | sì |
Sintassi
tablerowObject .insertCell( valori dei parametri Valore Descrizione index Richiesto in Firefox e Opera, opzionale in IE, Chrome e Safari. Un numero (starts at 0) che specifica la posizione del nuovo cella della riga corrente. Il valore di 0 risultati dal fatto che la nuova cella verrà inserito nella prima posizione. Il valore di -1 può anche essere usato; che determina che verrà inserita la nuova cella nell'ultima posizione.
Se questo parametro viene omesso, insertCell() inserisce la nuova cella nell'ultima posizione in IE e in prima posizione in Chrome e Safari.
Questo parametro è richiesto in Firefox e Opera, ma facoltativo in Internet Explorer, Chrome e Safari.
Dettagli tecnici
Valore di ritorno: L'elemento di cella inserito
Altri esempi
Esempio
Inserire nuova cell(s) con contenuto alla fine di una riga della tabella con id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Prova tu stesso "
Esempio
Inserire nuova cell(s) con contenuti nella posizione di indice 2 di una riga della tabella con id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Prova tu stesso "
Esempio
Inserire nuove cell(s) all'inizio della prima riga della tabella. La collezione di righe della tabella (.rows[0]) restituisce un insieme di tutte le <tr> elementi della tavola con id "myTable" . Il numero [0] specifica l'elemento di recuperare, in questo esempio, la prima riga della tabella. Poi usiamo insertcell() per inserire una nuova cell(s) nella posizione di indice -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Prova tu stesso "
Esempio
Eliminare la prima cell(s) da una riga della tabella con id = "myRow":
var row = document.getElementById("myRow");
row.deleteCell(0); Prova tu stesso "
Esempio
Inserire nuova row(s) all'inizio di una tabella. insertRow() metodo inserisce una nuova riga in corrispondenza dell'indice specificato in una tabella, in questo esempio, la prima posizione (the beginning) di una tabella con id = "myTable". Poi usiamo insertCell() metodo per aggiungere le cellule nella nuova riga.
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"; Prova tu stesso "
<TableRow Object