Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

HTML DOM NodeList.values() Method

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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
Last Updated : 11 Jul, 2022
Like Article
Save Article
Similar Reads
Related Tutorials