Método TableRow insertCell()
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";
Definição e uso
O método insertCell() insere uma célula na linha atual.
Dica: Use o método deleteCell() para excluir uma célula na linha da tabela atual.
Suporte ao navegador
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Sintaxe
tablerowObject.insertCell(index)
Valores de parâmetro
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position 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: | O elemento de célula inserido |
---|
Mais exemplos
Exemplo
Insira novas células com conteúdo no final de uma linha da tabela com id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Exemplo
Insira nova(s) célula(s) com conteúdo na posição de índice 2 de uma linha da tabela com id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Exemplo
Insira a(s) nova(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 insertcell() para inserir nova(s) célula(s) na posição do índice -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
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);
Exemplo
Inserir nova(s) linha(s) no início de uma tabela. O método insertRow() insere uma nova linha no índice especificado em uma tabela, neste exemplo, a primeira posição (o início) de uma tabela com id="myTable". Em seguida, usamos o método insertCell() para adicionar células na nova linha.
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";
❮ Objeto TableRow