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

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

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

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

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

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

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