Exemplo
Mostrar o número de células na primeira linha:
var x = document.getElementById("myTable").rows[0].cells.length;
O resultado x será:
2
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A coleção de células retorna uma coleção de todos <td> ou <th> elementos em uma linha da tabela.
Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.
Suporte navegador
Coleção | |||||
---|---|---|---|---|---|
cells | sim | sim | sim | sim | sim |
Sintaxe
tableObject .cells
propriedades
Propriedade | Descrição |
---|---|
length | Retorna o número de <td> e / ou <th> elementos na coleção. Nota: Esta propriedade é somente leitura |
Métodos
Método | Descrição |
---|---|
[ index ] | Retorna o <td> e / ou <th> elemento da coleção com o índice especificado (starts at 0) . Nota: Retorna null se o número de índice está fora do intervalo |
item( index ) | Retorna o <td> e / ou <th> elemento da coleção com o índice especificado (starts at 0) . Nota: Retorna null se o número de índice está fora do intervalo |
namedItem( id ) | Retorna o <td> e / ou <th> elemento da coleção com o especificado id. Nota: Retorna null se o id não existe |
Detalhes técnicos
DOM Versão: | Núcleo Nível Objeto 2 Documento |
---|---|
Valor de retorno: | Um objeto HTMLCollection, representando todos <td> e / ou <th> elementos no <tr> elemento. Os elementos na coleção são classificadas como eles aparecem no código fonte |
mais Exemplos
Exemplo
[Índice]
Alertar o innerHTML da primeira célula na primeira linha da tabela:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Tente você mesmo " Exemplo
item( index )
Alertar o innerHTML da primeira célula na primeira linha da tabela:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Tente você mesmo " Exemplo
namedItem( id )
Alertar o innerHTML da célula com id = "myTd" na primeira linha da tabela:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
Tente você mesmo " Exemplo
Alterar o conteúdo da primeira célula da tabela:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT";
Tente você mesmo " <TableRow objeto