Conjunto de células TableRow

Objeto TableRow do HTML DOM

Definição e uso

cells O conjunto retorna todos os <td> ou <th> Conjunto de elementos.

Notas:Os elementos da coleção são ordenados pela ordem em que aparecem no código-fonte.

Exemplo

Exemplo 1

Exibir o número de células da primeira linha:

var x = document.getElementById("myTable").rows[0].cells.length;

Experimente você mesmo

O resultado de x será:

2

Exemplo 2: [index]

Saída do innerHTML da primeira célula da primeira linha da tabela:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

Experimente você mesmo

Exemplo 3: item(index)

Saída do innerHTML da primeira célula da primeira linha da tabela:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

Experimente você mesmo

Exemplo 4: namedItem(id)

Saída da célula innerHTML da primeira linha da tabela com id="myTd":

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

Experimente você mesmo

Exemplo 5

Alterar o conteúdo da primeira célula da tabela:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "CONTEÚDO NOVO";

Experimente você mesmo

Sintaxe

tableObject.cells

Atributo

Atributo Descrição
length

Retorna o número de elementos <td> e/ou <th> no conjunto.

Notas:Este atributo é apenas de leitura.

Método

Método Descrição
[index]

Retorna o elemento <td> e/ou <th> com o índice especificado no conjunto (começando em 0).

Notas:Se o número do índice estiver fora do intervalo, retorna null.
item(index)

Retorna o elemento <td> e/ou <th> com o índice especificado no conjunto (começando em 0).

Notas:Se o número do índice estiver fora do intervalo, retorna null.
namedItem(id)

Retorna os elementos <td> e/ou <th> do conjunto com o id especificado.

Notas:Se o id não existir, retorna null.

Detalhes técnicos

Versão DOM: Documento Objecto de Nível de Core 2
Retorno:

Objeto HTMLCollection, que representa todos os elementos <td> e/ou <th> dentro do elemento <tr>.

Os elementos da coleção são ordenados pela ordem em que aparecem no código-fonte.

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto TableRow do HTML DOM