Exemplo
Descubra quantas <p> elementos existem no documento:
var nodelist = document.getElementsByTagName("P").length;O resultado nodelist será:
4 Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade de comprimento devolve o número de nós de um objecto NodeList.
Coleção de um objeto nó de nós filho é um exemplo de um objeto NodeList.
A propriedade length é útil quando você quiser percorrer os nós em uma lista de nós (See "More Examples" below) .
Esta propriedade é somente leitura.
Dica: Utilizar o item() método para voltar um nó no índice especificado em um objeto NodeList.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| length | sim | sim | sim | sim | sim |
Sintaxe
Detalhes técnicos Valor de retorno: Um número, que representa o número de nós na nodelist DOM Versão Núcleo Nível 1 Nodelist Objeto
mais Exemplos
Exemplo
Descubra quantas <p> elementos existem dentro de um <div> elemento:
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> O resultado nodelist será:
3 Tente você mesmo "
Exemplo
Percorrer todos <p> elementos dentro de um <div> elemento, e mudar a cor de cada fundo <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";
} Tente você mesmo "
Exemplo
Retorna o número de nós filhos do <body> elemento:
var nodelist = document.body.childNodes.length; O resultado nodelist será:
12 Tente você mesmo "
Exemplo
Percorrer os nós filhos de <body> e saída 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>";
} O resultado do txt será:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Tente você mesmo "
Páginas relacionadas
HTML DOM Referência: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Referência: elemento .childNodes Propriedade
HTML DOM Referência: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Referência: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Referência: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Referência: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Referência: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Referência: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Referência: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method