Metodo TableRow deleteCell()
Esempio
Elimina le prime celle da una riga di tabella con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Definizione e utilizzo
Il metodo deleteCell() elimina una cella nella riga della tabella corrente.
Suggerimento: utilizza il metodo insertCell() per inserire una cella nella riga della tabella corrente.
Supporto del browser
Method | |||||
---|---|---|---|---|---|
deleteCell() | Yes | Yes | Yes | Yes | Yes |
Sintassi
tablerowObject.deleteCell(index)
Valori dei parametri
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell 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: | Nessun valore di ritorno. |
---|
Altri esempi
Esempio
Elimina le ultime celle dalla riga di una tabella con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Esempio
Elimina le celle dalla posizione dell'indice 1 in una riga della tabella con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(1);
Esempio
Elimina le 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 deleteCell() per eliminare le celle dalla posizione dell'indice 0:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
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";
❮ Oggetto TableRow