tutoriais mais recente desenvolvimento web
 

TableRow Coleção células

<TableRow objeto

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

Exemplos

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