Esempio
Scopri come molte <p> elementi ci sono nel documento:
var nodelist = document.getElementsByTagName("P").length;Il risultato di nodelist sarà:
4 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà length restituisce il numero di nodi in un oggetto NodeList.
la raccolta di un oggetto nodo dei nodi figlio è un esempio di un oggetto NodeList.
La proprietà length è utile quando si desidera collegare attraverso i nodi in un elenco di nodi (See "More Examples" below) .
Questa proprietà è di sola lettura.
Tip: Utilizzare l' item() metodo per restituire un nodo in corrispondenza dell'indice specificato in un oggetto NodeList.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| length | sì | sì | sì | sì | sì |
Sintassi
Dettagli tecnici Valore di ritorno: Un numero, che rappresenta il numero di nodi nella NodeList DOM Version Nucleo Livello 1 Nodelist Oggetto
Altri esempi
Esempio
Scopri come molte <p> elementi ci sono all'interno di un <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> Il risultato di nodelist sarà:
3 Prova tu stesso "
Esempio
Loop attraverso tutti <p> elementi all'interno di un <div> elemento, e cambiare il colore di sfondo di ogni <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";
} Prova tu stesso "
Esempio
Restituisce il numero di nodi figlio del <body> elemento:
var nodelist = document.body.childNodes.length; Il risultato di nodelist sarà:
12 Prova tu stesso "
Esempio
Loop attraverso i nodi figlio del <body> e l'uscita il nome del nodo di ciascun nodo figlio:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Il risultato di txt sarà:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Prova tu stesso "
Pagine correlate
HTML DOM Riferimento: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Riferimento: elemento .childNodes proprietà
HTML DOM Riferimento: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Riferimento: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Riferimento: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Riferimento: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Riferimento: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Riferimento: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Riferimento: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method