เอกสาร HTML DOM getElementById()
ตัวอย่าง
รับองค์ประกอบด้วยรหัสที่ระบุ:
document.getElementById("demo");
รับองค์ประกอบและเปลี่ยนสี:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
หรือเพียงแค่เปลี่ยนสี:
document.getElementById("demo").style.color = "red";
ความหมายและการใช้งาน
วิธี การgetElementById()
ส่งคืนองค์ประกอบที่มีค่าที่ระบุ
getElementById()
วิธีการส่งคืนหากnull
ไม่มีองค์ประกอบ
วิธีgetElementById()
นี้เป็นวิธีการทั่วไปวิธีหนึ่งใน HTML DOM มีการใช้งานเกือบทุกครั้งที่คุณต้องการอ่านหรือแก้ไของค์ประกอบ HTML
บันทึก
รหัสใด ๆควรไม่ซ้ำกัน แต่:
หากมีองค์ประกอบตั้งแต่สององค์ประกอบขึ้นไปที่มีid เดียวกัน ให้getElementById()
คืนค่าองค์ประกอบแรก
ดูสิ่งนี้ด้วย:
เอกสาร getElementsByTagName() Method
ไวยากรณ์
document.getElementById(elementID)
พารามิเตอร์
Parameter | Description |
id | Required. The id value of an element. |
คืนมูลค่า
พิมพ์ | คำอธิบาย |
วัตถุ | องค์ประกอบที่มี id ที่ระบุ null หากไม่มีองค์ประกอบ |
หน้าที่เกี่ยวข้อง:
บทช่วยสอน CSS: ไวยากรณ์ CSS
การอ้างอิง CSS: CSS #id Selector
การอ้างอิง HTML DOM: คุณสมบัติ HTML DOM id
การอ้างอิง HTML DOM: HTML DOM Style Object
รองรับเบราว์เซอร์
document.getElementById()
เป็นคุณลักษณะ DOM ระดับ 2 (2001)
ได้รับการสนับสนุนอย่างเต็มที่ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |