HTML DOM NodeList.entries() Method

Last Updated : 11 Jul, 2022

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

Syntax:

NodeList.entries();

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.

html

<!DOCTYPE HTML> 
<html>  
<head>
    <meta charset="UTF-8">
    <title>NodeList.entries() method</title>
</head>   
 
<body style="text-align:center;">
    <h1 style="color:green;">  
     GeeksforGeeks
    </h1> 
    <p> 
    HTML |DOM NodeList.entries() 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 e of nodelist.entries()) { 
                a.innerHTML += "<li>"+e[1].localName + `</li>`;
                console.log(e);
            }
}
</script>
</body>   
</html>