please i want any one explain this code🤔🤔

Question

function setText() {
var a = document.getElementById("demo");
var arr = a.childNodes;
for(var x=0;x<arr.length;x++) {
arr[x].innerHTML = "new text";
}

Answer 1

Change all the text of #demo child elements to "new text"

Answer 2

thanks a lot ☺☺☺
know it is clear😊😊

Answer 3

yes, i know that but i want knowledge What a benefit from use the childNodes and loop in this code

Answer 4

If you have a list with heading as Parent node and items in the list has child node lyk

Products
a
b
c

By getting the id of products we can change all the elements that come under products like a,b,c to the desired future we want.

Useful when you want a all elements in a group to pocess same features.

Answer 5

Since you dont know how big the 'demo' will be, childNodes gives you that information so that you can change all of the text under 'demo'