tutoriais mais recente desenvolvimento web
 

Linha da tabela deleteCell() Method

<TableRow objeto

Exemplo

Excluir a primeira cell(s) a partir de uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);
Tente você mesmo "

Definição e Uso

O deleteCell() método exclui uma célula na linha da tabela actual.

Dica: Use o insertCell() método para excluir uma célula na linha da tabela atual.


Suporte navegador

Método
deleteCell() sim sim sim sim sim

Sintaxe

tablerowObject .deleteCell( Os valores dos parâmetros
Valor Descrição
index Requerida no Firefox e Opera, opcional em IE, Chrome e Safari. Um número inteiro (starts at 0) que especifica a posição da célula para excluir na linha atual. O valor de 0 resultados em que serão excluídos da primeira célula. O valor de -1 também pode ser utilizado; o que resulta em que a última célula será excluído.

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

Este parâmetro é necessário no Firefox e Opera, mas opcional no Internet Explorer, Chrome e Safari.

Detalhes técnicos

Valor de retorno: Nenhum valor de retorno.

mais Exemplos

Exemplo

Suprimir a última cell(s) a partir da linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);
Tente você mesmo "

Exemplo

Excluir cell(s) a partir da posição de índice 1 em uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);
Tente você mesmo "

Exemplo

Excluir cell(s) no início da primeira linha da tabela. A coleção de linhas da tabela (.rows[0]) retorna uma coleção de todos os <tr> elementos na tabela com id "myTable" . O número [0] especifica do elemento a recuperar, neste exemplo, a primeira linha da tabela. Então nós usamos deleteCell() para eliminar as células de posição de índice 0:

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

Exemplo

Inserir nova cell(s) com o conteúdo no início de uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Tente você mesmo "

<TableRow objeto