The NodeList keys() method returns an iterator allowing you to go through all keys contained in this object. The keys are unsigned integers.
Syntax:
NodeList.keys();
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 keys from NodeList using this method.
javascript
<!DOCTYPE HTML> <html>Â <head>Â Â Â Â <meta charset="UTF-8">Â Â Â Â <title>HTML | DOM NodeList.keys() Method</title></head>Â Â Â
<body style="text-align:center;">    <h1 style="color:green;">      neveropen    </h1>     <p> HTML | DOM NodeList.keys() 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 key of nodelist.keys()) {                console.log(key);  a.innerHTML += "<li>"+nodelist[key].localName + `</li>`;            }            console.log(nodelist.keys())        }</script></body>  </html> |
Output:
Before Clicking Button:
After Clicking Button: Elements are called using keys iterator.
In the console: Iterator keys can be seen.
Supported Browsers:
- Google Chrome 51
- Edge 16
- Firefox 50
- Safari 10
- Opera 38
- Internet Explorer not supported
… [Trackback]
[…] Read More Information here on that Topic: geeksforgeeks.org/html-dom-nodelist-keys-method-2/ […]