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