Exemplo
Descobrir quantas células existem na primeira linha em uma tabela:
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 os <td> ou <th> elementos em uma tabela.
Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.
Dica: Use o filas coleção para retornar uma coleção de todos os <tr> elementos em uma tabela.
Dica: Use o insertRow() método para criar uma nova linha (<tr>) .
Dica: Use o deleteRow() método para remover uma linha.
Dica: Use o insertCell() método para criar uma nova célula (<td>) .
Dica: Use o deleteCell() método para excluir uma célula.
Suporte navegador
| Coleção | |||||
|---|---|---|---|---|---|
| cells | sim | sim | sim | sim | sim |
Sintaxe
tableObject .cellspropriedades
| 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 <table> 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 " Páginas relacionadas
: Referência HTML HTML <td> tag
: Referência HTML HTML <th> tag
JavaScript referência: HTML DOM TableData Objeto
JavaScript referência: HTML DOM tableheader Objeto
<Tabela objecto