Get the HTML content of the first <p> element (index 0) inside the document:
The result of nodelist will be:
More "Try it Yourself" examples below.
The item() method returns a node at the specified index in a NodeList object.
The nodes are sorted as they appear in the source code, and the index starts at 0.
A Node object's collection of child nodes is an example of a NodeList object.
Note: There are two ways to access a node at the specified index in a node list:
You can use whatever method you like, however, the most common method is [index].
Tip: Use the length property to return the number of nodes in a NodeList object.
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the node you want to return, in the node list. Note: The index starts at 0 |
Return Value: | A Node object, representing the node at the specified index. Note: Returns null if the index number is out of range |
---|---|
DOM Version | Core Level 1 Nodelist Object |
Get the HTML content of the first <p> element (index 0) inside a <div> element:
The result of nodelist will be:
Change the HTML content of the first <p> element (index 0) inside a <div> element:
Loop through all elements with class="child" in a <div> element, and change their background color:
HTML DOM Reference: nodelist.length Property
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