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 " Definição e Uso
O insertCell() método insere uma célula para a linha corrente.
Dica: Use o deleteCell() método para excluir uma célula na linha da tabela atual.
Suporte navegador
Método | |||||
---|---|---|---|---|---|
insertCell() | sim | sim | sim | sim | sim |
Sintaxe
tablerowObject .insertCell( Os valores dos parâmetros Valor Descrição index Requerida no Firefox e Opera, opcional em IE, Chrome e Safari. Um número (starts at 0) que determina a posição da nova célula na linha de corrente. O valor de 0 resultado em que a nova célula vai ser inserido na primeira posição. O valor de -1 também pode ser utilizado; o que resulta em que a nova célula será inserida na última posição.
Se este parâmetro for omitido, insertCell() insere a nova célula na última posição no IE e na primeira posição 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: O elemento de célula inserido
mais Exemplos
Exemplo
Inserir nova cell(s) com o 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";
Tente você mesmo "
Exemplo
Insere nova cell(s) com o 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";
Tente você mesmo "
Exemplo
Inserir nova 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. Em seguida, utilizar insertcell() para inserir uma nova cell(s) na posição de índice -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Tente você mesmo "
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 "
Exemplo
Inserir nova row(s) no início de uma tabela. O insertRow() método insere uma nova linha no índice especificado em uma tabela, neste exemplo, a primeira posição (the beginning) de uma mesa com id = "myTable". Então nós usamos a insertCell() método 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"; Tente você mesmo "
<TableRow objeto