Metodo deleteCell() della TableRow

Oggetto DOM TableRow HTML

Definizione e uso

deleteCell() Il metodo elimina una cella nella riga del tavolo corrente.

Suggerimento:Usa Metodo insertCell() Inserisci una cella nella riga del tavolo corrente.

Vedi anche:

Manuale HTML:Etichetta <tr> HTML

Esempio

Esempio 1

Elimina la prima cella della riga del tavolo con id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Prova tu stesso

Esempio 2

Elimina l'ultima cella della riga del tavolo con id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Prova tu stesso

Esempio 3

Elimina la cella dall'indice 1 della riga del tavolo con id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Prova tu stesso

Esempio 4

Elimina la cella all'inizio della prima riga della tabella.

Il set rows della tabella (.rows[0]) restituisce l'insieme di tutti gli elementi <tr> con id "myTable" della tabella. Il numero [0] determina l'elemento da recuperare, in questo caso, la prima riga della tabella.

Poi utilizziamo deleteCell() per eliminare la cella dalla posizione di indagine 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Prova tu stesso

Esempio 5

Inserisci una nuova cella contenente il testo all'inizio della riga del tavolo con id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nuova cella";

Prova tu stesso

Sintassi

tablerowObject.deleteCell(index)
Parametro Descrizione
index

Obbligatorio in Firefox e Opera, opzionale in IE, Chrome e Safari.

Intero (iniziando da 0), che determina la posizione della cella da eliminare nella riga corrente.

Valore 0 causa la cancellazione della prima cella. Può anche essere utilizzato il valore -1, che causa la cancellazione dell'ultima cella.

Se questo parametro viene omesso, deleteCell() eliminerà l'ultima cella in IE e la prima cella in Chrome e Safari.

Dettagli tecnici

Valore di ritorno:

Non restituisce valore.

Supporto dei browser

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

Oggetto DOM TableRow HTML