Método TableRow deleteCell()
Exemplo
Exclua a(s) primeira(s) célula(s) de uma linha da tabela com id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Definição e uso
O método deleteCell() exclui uma célula na linha da tabela atual.
Dica: Use o método insertCell() para inserir uma célula na linha da tabela atual.
Suporte ao navegador
| Method | |||||
|---|---|---|---|---|---|
| deleteCell() | Yes | Yes | Yes | Yes | Yes |
Sintaxe
tablerowObject.deleteCell(index)
Valores de parâmetro
| Value | Description |
|---|---|
| index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Detalhes técnicos
| Valor de retorno: | Sem valor de retorno. |
|---|
Mais exemplos
Exemplo
Exclua a(s) última(s) célula(s) de uma linha da tabela com id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Exemplo
Exclua a(s) célula(s) da posição de índice 1 em uma linha da tabela com id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(1);
Exemplo
Exclua a(s) célula(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 elementos <tr> na tabela com id "myTable". O número [0] especifica o elemento para recuperar, neste exemplo, a primeira linha da tabela. Em seguida, usamos deleteCell() para excluir células da posição de índice 0:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
Exemplo
Insira nova(s) célula(s) com 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";
❮ Objeto TableRow