การวนซ้ำโหนดด้วยลูปใน 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 นี้ด้วยลูปและแสดง พวกมันในคอนโซล
