Հանգույցների վերադասավորում ցիկլով 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">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Վերադասավորեք ցիկլով այս div-ի բոլոր հանգույցները և արտածեք դրանք կոնսոլում: