The NodeList values() method returns an iterator allowing you to go through all values contained in the NodeList object. The values are Node objects.
Syntax:
NodeList.values();
Parameters: This method takes no parameter.
Return value: This method returns an iterator.
Example: In this example, we will create a NodeList and hence will get an iterator to get all values from NodeList using this method.
javascript
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>HTML | DOM NodeList.values() Method</title></head> <body style="text-align:center;"> <h1 style="color:green;"> neveropen </h1> <p> HTML | DOM NodeList.values() Method </p> <button onclick = "Geeks()"> Click Here </button> <p id="a"></p> <script> var a = document.getElementById("a"); a.innerHTML = "elements are : " function Geeks(){ var parentNode = document.createElement("div"); var c1 = document.createElement("p"); var c2 = document.createElement("span"); var c3 = document.createElement("h1"); parentNode.appendChild(c1); parentNode.appendChild(c2); parentNode.appendChild(c3); var nodelist = parentNode.childNodes; for(var values of nodelist.values()) { console.log(values); a.innerHTML += "<li>"+values.localName + `</li>`; } console.log(nodelist.values()) }</script></body> </html> |
Output:
Before Clicking Button:
After Clicking Button: Elements are called using values iterator.
In the console: Iterator values can be seen.
Supported Browsers:
- Google Chrome 51 and above
- Edge 16 and above
- Firefox 50 and above
- Safari 10 and above
- Opera 38 and above
- Internet Explorer Not Supported
