conjunto de linhas da tabela

Objeto Table do HTML DOM

definição e uso

rows a coleção retorna a coleção de todos os elementos <tr> da tabela.

Notas:Os elementos no conjunto são ordenados na ordem em que aparecem no código-fonte.

Dica:Use método insertRow() criar nova linha (<tr>).

Dica:Use método deleteRow() Exclua linha.

Dica:Use Método insertCell() Crie nova célula (<td>).

Dica:Use Método deleteCell() Exclua célula.

Dica:Use Coleção cells Retorna a coleção de todos os elementos <td> ou <th> na tabela.

Veja também：

Manual de Referência do HTML：Etiqueta <tr> do HTML

Manual de Referência do JavaScript：Objeto TableRow do HTML DOM

Exemplo

Exemplo 1

Descubra quantas linhas há na tabela：

var x = document.getElementById("myTable").rows.length;

Experimente você mesmo

O resultado de x será:

2

Exemplo 2: [index]

Mensagem do primeiro elemento <tr> na tabela (índice 0)：

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

Experimente você mesmo

Exemplo 3: item(index)

Mensagem do primeiro elemento <tr> na tabela (índice 0)：

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

Experimente você mesmo

Exemplo 4: namedItem(id)

Mensagem do elemento <tr> com id="myRow" no表格的内HTML：

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Experimente você mesmo

Exemplo 5

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

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

Experimente você mesmo

Sintaxe

tableObject.rows

Atributo

Atributo Descrição
length

Retorna o número de elementos <tr> na coleção.

Notas:Este atributo é de leitura apenas.

Método

Método Descrição
[index]

Retorna o elemento <tr> com o índice especificado na coleção (começando em 0).

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

Retorna o elemento <tr> com o índice especificado na coleção (começando em 0).

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

Retorna o elemento <tr> com o id especificado na coleção.

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

Detalhes Técnicos

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

Objeto HTMLCollection, que representa todos os elementos <tr> dentro do elemento <table>.

Os elementos no conjunto são ordenados na ordem em que aparecem no código-fonte.

Suporte ao navegador

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

Objeto Table do HTML DOM