Exemplo
Descobrir quantas linhas existem em uma tabela:
var x = document.getElementById("myTable").rows.length;O resultado x será:
2 Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A coleção de linhas retorna uma coleção de todos os <tr> elementos em uma tabela.
Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.
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.
Dica: Use o células coleção para retornar uma coleção de todos os <td> ou <th> elementos em uma tabela.
Suporte navegador
| Coleção | |||||
|---|---|---|---|---|---|
| rows | sim | sim | sim | sim | sim |
Sintaxe
tableObject .rowspropriedades
| Propriedade | Descrição |
|---|---|
| length | Retorna o número de <tr> elementos na coleção. Nota: Esta propriedade é somente leitura |
Métodos
| Método | Descrição |
|---|---|
| [ index ] | Retorna o <tr> 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 <tr> 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 <tr> 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 <tr> 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 <tr> elemento (index 0) na tabela:
alert(document.getElementById("myTable").rows[0].innerHTML; Tente você mesmo " Exemplo
item( index )
Alertar o innerHTML da primeira <tr> elemento (index 0) na tabela:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Tente você mesmo " Exemplo
namedItem( id )
Alertar o innerHTML do <tr> elemento com id = "myRow" na tabela:
alert(document.getElementById("myTable").rows.namedItem("myRow").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 <tr> tag
JavaScript referência: HTML DOM TableRow objeto
<Tabela objecto