HTML DOM NodeList.keys() Method
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.
<!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;" > GeeksforGeeks </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> |
chevron_right
filter_none
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
- Edge
- Firefox
- Safari
- Opera