<!DOCTYPE HTML>
<
html
>
<
head
>
<
meta
charset="UTF-8">
<
title
>HTML | DOM NodeList.forEach() Method</
title
>
</
head
>
<
body
style="text-align:center;">
<
h1
style="color:green;">
GeeksforGeeks
</
h1
>
<
p
>
HTML | DOM NodeList.forEach() 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;
nodelist.forEach(
function(currentValue, currentIndex, listObj) {
a.innerHTML += "<
li
>"+currentValue.localName + `</
li
>`;
console.log(currentValue, currentIndex);
},
);
}
</
script
>
</
body
>
</
html
>