Metodo TableRow insertCell()
Esempio
Inserisci nuove celle con 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";
Definizione e utilizzo
Il metodo insertCell() inserisce una cella nella riga corrente.
Suggerimento: utilizza il metodo deleteCell() per eliminare una cella nella riga della tabella corrente.
Supporto del browser
| Method | |||||
|---|---|---|---|---|---|
| insertCell() | Yes | Yes | Yes | Yes | Yes |
Sintassi
tablerowObject.insertCell(index)
Valori dei parametri
| Value | Description |
|---|---|
| index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Dettagli tecnici
| Valore di ritorno: | L'elemento cella inserito |
|---|
Altri esempi
Esempio
Inserisci nuove celle con contenuto alla fine di una riga di tabella con id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Esempio
Inserisci nuove celle con contenuto nella posizione di indice 2 di una riga di tabella con id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Esempio
Inserisci nuove celle all'inizio della prima riga della tabella. La raccolta delle righe della tabella (.rows[0]) restituisce una raccolta di tutti gli elementi <tr> nella tabella con id "myTable". Il numero [0] specifica l'elemento da recuperare, in questo esempio, la prima riga della tabella. Quindi utilizziamo insertcell() per inserire nuove celle nella posizione dell'indice -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Esempio
Elimina le prime celle da una riga di tabella con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Esempio
Inserisci nuove righe all'inizio di una tabella. Il metodo insertRow() inserisce una nuova riga in corrispondenza dell'indice specificato in una tabella, in questo esempio la prima posizione (l'inizio) di una tabella con id="myTable". Quindi utilizziamo il metodo insertCell() per aggiungere celle 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";
❮ Oggetto TableRow