HTML DOM NodeList.keys() Method
Last Updated :
11 Jul, 2022
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;">
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>
|
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
Share your thoughts in the comments
Please Login to comment...