Método deleteRow() da tabela
Exemplo
Exclua a primeira linha em uma tabela:
document.getElementById("myTable").deleteRow(0);
Definição e uso
O método deleteRow() remove a linha no índice especificado de uma tabela.
Dica: Use insertRow() para criar e inserir uma nova linha.
Suporte ao navegador
Method | |||||
---|---|---|---|---|---|
deleteRow() | Yes | Yes | Yes | Yes | Yes |
Sintaxe
tableObject.deleteRow(index)
Valores de parâmetro
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer that specifies the position of the row to delete (starts at 0). The value of 0 results in that the first row will be deleted. The value of -1 can also be used; which result in that the last row will be deleted. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. If this parameter is omitted, deleteRow() removes the last row in IE and the first row in Chrome and Safari. |
Detalhes técnicos
Valor de retorno: | Sem valor de retorno |
---|
Mais exemplos
Exemplo
Exclua a linha em que você clicou:
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
Exemplo
Criar e excluir linha(s):
function myCreateFunction() {
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
}
Páginas relacionadas
Referência HTML: tag HTML <tr>
❮ Objeto de Tabela