Propriedade de comprimento HTML DOM
Exemplo
Descubra quantos elementos <p> existem no documento:
var nodelist = document.getElementsByTagName("P").length;
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade length retorna o número de nós em um objeto NodeList.
A coleção de nós filhos de um objeto Node é um exemplo de um objeto NodeList.
A propriedade length é útil quando você deseja percorrer os nós em uma lista de nós (consulte "Mais exemplos" abaixo).
Esta propriedade é somente leitura.
Dica: Use o método item() para retornar um nó no índice especificado em um objeto NodeList.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Sintaxe
nodelist.length
Detalhes técnicos
Valor de retorno: | Um número, representando o número de nós na lista de nós |
---|---|
Versão DOM | Objeto de lista de nós de nível 1 principal |
Mais exemplos
Exemplo
Descubra quantos elementos <p> existem dentro de um elemento <div>:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
Exemplo
Percorra todos os elementos <p> dentro de um elemento <div> e altere a cor de fundo de cada <p>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Exemplo
Retorna o número de nós filhos do elemento <body>:
var nodelist = document.body.childNodes.length;
Exemplo
Faça um loop pelos nós filhos de <body> e produza o nome do nó de cada nó filho:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Páginas relacionadas
Referência HTML DOM: método nodelist .item()
Referência HTML DOM: propriedade .childNodes do elemento
Referência HTML DOM: método element .getElementsByClassName()
Referência HTML DOM: método element .getElementsByTagName()
Referência HTML DOM: método element .querySelectorAll()
Referência HTML DOM: método document.getElementsByClassName()
Referência HTML DOM: método document.getElementsByName()
Referência HTML DOM: método document.getElementsByTagName()
Referência HTML DOM: método document.querySelectorAll()