HTML DOM NodeList.entries() Method
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;"> w3wiki </ h1 > < p > HTML |DOM NodeList.entries() method </ p > < button onclick = "Beginner()"> Click Here </ button > < p id="a"></ p > < script > var a = document.getElementById("a"); a.innerHTML = "elements are : " function Beginner(){ 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 > |
Output:
Before Clicking Button:
After Clicking Button: Elements are called using iterator.
In the console: Iterator entries 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
Contact Us