Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

JavaScript: วิธีวนลูปผ่านทุก DOM element บนหน้าและแสดงผลในคอนโซล?


เพื่อวนลูปผ่านทุก DOM element บนหน้า ใช้ document.getElementsByTagName('*') วนลูปผ่านความยาวและแสดงผลในคอนโซลตามโค้ดด้านล่าง

var tags = document.getElementsByTagName("*"); for (var i=0, max=tags.length; i < max; i++) { console.log(tags[i]); }

ตัวอย่าง

 

     Document      

Demo

เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ "anyName.html(index.html)" และคลิกขวาที่ไฟล์ เลือก "Open with Live Server" ใน VS Code editor

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้

JavaScript: วิธีวนลูปผ่านทุก DOM element บนหน้าและแสดงผลในคอนโซล?