Find out how many <p> elements there are in the document:
The result of nodelist will be:
More "Try it Yourself" examples below.
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.
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Return Value: | A Number, representing the number of nodes in the nodelist |
---|---|
DOM Version | Core Level 1 Nodelist Object |
Find out how many <p> elements there are inside a <div> element:
The result of nodelist will be:
Loop through all <p> elements inside a <div> element, and change the background color of each <p>:
Return the number of child nodes of the <body> element:
The result of nodelist will be:
Loop through the child nodes of <body> and output the node name of each child node:
The result of txt will be:
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