Método deleteCell() da TableRow

Objeto TableRow do HTML DOM

Definição e uso

deleteCell() Método que exclui uma célula na linha atual da tabela.

Dica:Use Método insertCell() Insira uma célula na linha atual da tabela.

Veja também:

Manual de Referência HTML:Etiqueta <tr> do HTML

Exemplo

Exemplo 1

Exclua a primeira célula da linha da tabela com id="myRow":

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

Experimente você mesmo

Exemplo 2

Exclua a última célula da linha da tabela com id="myRow":

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

Experimente você mesmo

Exemplo 3

Exclua a célula na posição de índice 1 da linha da tabela com id="myRow":

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

Experimente você mesmo

Exemplo 4

Exclua a célula no início da primeira linha da tabela.

O conjunto rows da tabela (.rows[0]) retorna o conjunto de todos os elementos <tr> da tabela com id "myTable". O número [0] define o elemento a ser recuperado, neste exemplo, é a primeira linha da tabela.

Então usamos deleteCell() para excluir a célula na posição de índice 0:

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

Experimente você mesmo

Exemplo 5

Insira uma nova célula contendo conteúdo no início da linha da tabela com id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nova célula";

Experimente você mesmo

Sintaxe

tablerowObject.deleteCell(index)
Parâmetro Descrição
index

Obrigatório no Firefox e Opera, opcional no IE, Chrome e Safari.

Inteiro (começando com 0), que define a posição da célula a ser excluída na linha atual.

O valor 0 resulta na exclusão do primeiro célula. Também pode ser usado o valor -1, que resulta na exclusão da última célula.

Se este parâmetro for omitido, deleteCell() deletará a última célula no IE e a primeira célula no Chrome e Safari.

Detalhes técnicos

Valor de retorno:

Sem valor de retorno.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto TableRow do HTML DOM