Հանգույցների վերադասավորում ցիկլով 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">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>