เข้าถึง HTML DOM

การเข้าถึง HTML DOM - หาองค์ประกอบ HTML

องค์ประกอบการเข้าถึง HTML (โหนด)

องค์ประกอบการเข้าถึง HTML เทียบเท่ากับการเข้าถึงโหนด

คุณสามารถอยู่ในลักษณะที่แตกต่างในการเข้าถึงองค์ประกอบ HTML:

getElementById () วิธีการส่งกลับองค์ประกอบที่มี ID ที่ระบุ:

node.getElementById("id");

ตัวอย่างต่อไปนี้ได้รับ id = "บทนำ" องค์ประกอบ:

document.getElementById("intro");

getElementsByTagName () ผลตอบแทนองค์ประกอบทั้งหมดที่มีชื่อแท็กระบุ

node.getElementsByTagName("tagname");

ตัวอย่างต่อไปนี้ส่งกลับรายการของเอกสารที่มีทั้งหมด <p> องค์ประกอบ:

document.getElementsByTagName("p");

ตัวอย่างต่อไปนี้ส่งกลับรายการของเอกสารที่มีทั้งหมด <p> องค์ประกอบและ <p> องค์ประกอบที่ควรจะเป็นลูกหลาน ID = "หลัก" องค์ประกอบ (เด็ก Sun, ฯลฯ ):

document.getElementById("main").getElementsByTagName("p");

หากคุณต้องการที่จะหาองค์ประกอบ HTML ทั้งหมดที่มีชื่อชั้นเดียวกันใช้วิธีนี้:

document.getElementsByClassName("intro");

ส่งกลับรายการที่มีระดับตัวอย่างข้างต้น = "บทนำ" องค์ประกอบทั้งหมด:

หมายเหตุ: getElementsByClassName () ไม่ถูกต้องใน 5,6,7,8 ใน Internet Explorer