Skip to content
Related Articles

Related Articles

HTML DOM NodeList.values() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 11 Jul, 2022

The NodeList values() method returns an iterator allowing you to go through all values contained in the NodeList object. The values are Node objects.



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.


    <meta charset="UTF-8">
    <title>HTML | DOM NodeList.values() Method</title>
<body style="text-align:center;">
    <h1 style="color:green;"> 
HTML | DOM NodeList.values() Method
    <button onclick = "Geeks()">
    Click Here
    <p id="a"></p>
        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");
            var nodelist = parentNode.childNodes;
            for(var values of nodelist.values()) {
               a.innerHTML += "<li>"+values.localName + `</li>`;


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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!