HTML DOM length Property
Example
Find out how many <p> elements there are in the document:
The result of nodelist will be:
More "Try it Yourself" examples below.
Definition and Usage
The length property returns the number of nodes in a NodeList object.
A Node object's collection of child nodes is an example of a NodeList object.
The length property is useful when you want to loop through the nodes in a node list (See "More Examples" below).
This property is read-only.
Tip: Use the item() method to return a node at the specified index in a NodeList object.
Browser Support
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Syntax
Technical Details
Return Value: | A Number, representing the number of nodes in the nodelist |
---|---|
DOM Version | Core Level 1 Nodelist Object |
More Examples
Example
Find out how many <p> elements there are inside a <div> element:
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
The result of nodelist will be:
Example
Loop through all <p> elements inside a <div> element, and change the background color of each <p>:
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Example
Return the number of child nodes of the <body> element:
The result of nodelist will be:
Example
Loop through the child nodes of <body> and output the node name of each child node:
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
The result of txt will be:
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text
Related Pages
HTML DOM Reference: nodelist.item() Method
HTML DOM Reference: element.childNodes Property
HTML DOM Reference: element.getElementsByClassName() Method
HTML DOM Reference: element.getElementsByTagName() Method
HTML DOM Reference: element.querySelectorAll() Method
HTML DOM Reference: document.getElementsByClassName() Method
HTML DOM Reference: document.getElementsByName() Method
HTML DOM Reference: document.getElementsByTagName() Method
HTML DOM Reference: document.querySelectorAll() Method