Proprietà lunghezza DOM HTML
Esempio
Scopri quanti <p> elementi ci sono nel documento:
var nodelist = document.getElementsByTagName("P").length;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà length restituisce il numero di nodi in un oggetto NodeList.
La raccolta di nodi figlio di un oggetto Node è un esempio di un oggetto NodeList.
La proprietà length è utile quando si desidera scorrere i nodi in un elenco di nodi (vedere "Altri esempi" di seguito).
Questa proprietà è di sola lettura.
Suggerimento: utilizzare il metodo item() per restituire un nodo all'indice specificato in un oggetto NodeList.
Supporto del browser
| Property | |||||
|---|---|---|---|---|---|
| length | Yes | Yes | Yes | Yes | Yes |
Sintassi
nodelist.length
Dettagli tecnici
| Valore di ritorno: | Un numero, che rappresenta il numero di nodi nell'elenco dei nodi |
|---|---|
| Versione DOM | Oggetto Nodelist di livello 1 di base |
Altri esempi
Esempio
Scopri quanti elementi <p> ci sono all'interno di un 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>
Esempio
Passa in rassegna tutti gli elementi <p> all'interno di un elemento <div> e cambia 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";
}
Esempio
Restituisce il numero di nodi figli dell'elemento <body>:
var nodelist = document.body.childNodes.length;
Esempio
Passa attraverso i nodi figlio di <body> e genera 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>";
}
Pagine correlate
Riferimento HTML DOM: metodo nodelist .item()
Riferimento HTML DOM: elemento .childNodes Proprietà
Riferimento HTML DOM: metodo element .getElementsByClassName()
Riferimento HTML DOM: metodo element .getElementsByTagName()
Riferimento HTML DOM: metodo element .querySelectorAll()
Riferimento HTML DOM: metodo document.getElementsByClassName()
Riferimento HTML DOM: metodo document.getElementsByName()
Riferimento HTML DOM: metodo document.getElementsByTagName()
Riferimento HTML DOM: metodo document.querySelectorAll()