บทช่วยสอน เข้าถึง HTML DOM ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ องค์ประกอบการเข้าถึง HTML (โหนด),getElementById () วิธีการ,ตัวอย่าง,getElementsByTagName () วิธีการ,ตัวอย่างที่ 1,ตัวอย่างที่ 2,getElementsByClassName () วิธีการ,
การเข้าถึง HTML DOM - หาองค์ประกอบ HTML
องค์ประกอบการเข้าถึง HTML เทียบเท่ากับการเข้าถึงโหนด
คุณสามารถอยู่ในลักษณะที่แตกต่างในการเข้าถึงองค์ประกอบ HTML:
getElementById () วิธีการส่งกลับองค์ประกอบที่มี ID ที่ระบุ:
ตัวอย่างต่อไปนี้ได้รับ id = "บทนำ" องค์ประกอบ:
getElementsByTagName () ผลตอบแทนองค์ประกอบทั้งหมดที่มีชื่อแท็กระบุ
ตัวอย่างต่อไปนี้ส่งกลับรายการของเอกสารที่มีทั้งหมด <p> องค์ประกอบ:
ตัวอย่างต่อไปนี้ส่งกลับรายการของเอกสารที่มีทั้งหมด <p> องค์ประกอบและ <p> องค์ประกอบที่ควรจะเป็นลูกหลาน ID = "หลัก" องค์ประกอบ (เด็ก Sun, ฯลฯ ):
หากคุณต้องการที่จะหาองค์ประกอบ HTML ทั้งหมดที่มีชื่อชั้นเดียวกันใช้วิธีนี้:
ส่งกลับรายการที่มีระดับตัวอย่างข้างต้น = "บทนำ" องค์ประกอบทั้งหมด:
หมายเหตุ: getElementsByClassName () ไม่ถูกต้องใน 5,6,7,8 ใน Internet Explorer