Método Table deleteRow()

Objeto Table do HTML DOM

Definição e uso

deleteRow() Método para remover a linha na posição especificada da tabela.

Dica:Use insertRow() Crie e insira novas linhas.

Veja também:

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

Exemplo

Exemplo 1

Remova a primeira linha da tabela:

document.getElementById("myTable").deleteRow(0);

Experimente você mesmo

Exemplo 2

Remova a linha clicada:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Experimente você mesmo

Exemplo 3

Criação e exclusão de linhas:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NOVA CELULA1";
  cell2.innerHTML = "NOVA CELULA2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Experimente você mesmo

Sintaxe

tableObject.deleteRow(index)

Valor do parâmetro

Parâmetro Descrição
index

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

Número inteiro, define a posição da linha a ser removida (começando em 0).

O valor 0 removerá a primeira linha.

Também pode usar o valor -1, o que resultará na remoção da última linha.

Se este parâmetro for omitido, deleteRow() removerá a última linha no IE, e a primeira linha no Chrome e Safari.

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 Table do HTML DOM