HTML DOM lengte Eigenschap
Voorbeeld
Ontdek hoeveel <p>-elementen het document bevat:
var nodelist = document.getElementsByTagName("P").length;
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap length retourneert het aantal knooppunten in een NodeList-object.
De verzameling onderliggende knooppunten van een Node-object is een voorbeeld van een NodeList-object.
De eigenschap length is handig als u door de knooppunten in een lijst met knooppunten wilt lopen (zie "Meer voorbeelden" hieronder).
Deze eigenschap is alleen-lezen.
Tip: gebruik de methode item() om een knooppunt op de opgegeven index in een NodeList-object te retourneren.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Syntaxis
nodelist.length
Technische details
Winstwaarde: | Een getal, dat het aantal knooppunten in de knooppuntenlijst vertegenwoordigt |
---|---|
DOM-versie | Kernniveau 1 Nodelist-object |
Meer voorbeelden
Voorbeeld
Ontdek hoeveel <p>-elementen er in een <div>-element zitten:
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>
Voorbeeld
Loop door alle <p>-elementen binnen een <div>-element en verander de achtergrondkleur van elk <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";
}
Voorbeeld
Retourneer het aantal onderliggende knooppunten van het <body>-element:
var nodelist = document.body.childNodes.length;
Voorbeeld
Loop door de onderliggende knooppunten van <body> en voer de knooppuntnaam van elk onderliggend knooppunt uit:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Gerelateerde pagina's
HTML DOM-referentie: nodelist .item() Methode
HTML DOM-referentie: element .childNodes Property
HTML DOM-referentie: element .getElementsByClassName() Methode
HTML DOM-referentie: element .getElementsByTagName() Methode
HTML DOM-referentie: element .querySelectorAll() Methode
HTML DOM-referentie: document.getElementsByClassName() Methode
HTML DOM-referentie: document.getElementsByName() Methode
HTML DOM-referentie: document.getElementsByTagName() Methode
HTML DOM-referentie: document.querySelectorAll() Methode