კვანძების გადარჩევა ციკლით JavaScript-ში

როგორც უკვე უნდა იცოდეთ, თვისებაში children შეიცავს ყველა DOM ელემენტს, რომლებიც ამ ელემენტის პირდაპირი შვილებია. არსებობს მსგავსი თვისება childNodes, რომელიც შეიცავს ელემენტის ყველა შვილ-კვანძს.

მაგალითად, მოდით ამ თვისების საშუალებით გამოვიტანოთ სხვადასხვა კვანძები ჩვენი ელემენტიდან:

console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);

ახლა კი მოდით გადავარჩიოთ ელემენტის კვანძები ციკლით:

for (let node of elem.childNodes) {
	console.log(node);
}

მოცემულია div:

<div id="elem">ტექსტი<b>ტეგი</b><!--კომენტარი-->ტექსტი<b>ტეგი</b><!--კომენტარი--></div>

გადაარჩიეთ ციკლით ამ div-ის ყველა კვანძი და გამოიტანეთ ისინი კონსოლში.