HTML DOM getElementById() Method

รับองค์ประกอบที่มี ID ที่ระบุ:

document.getElementById("demo");

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

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

วิธีนี้เป็นวิธีหนึ่งในวิธีการที่พบมากที่สุดใน DOM HTML และใช้เกือบทุกเวลาที่คุณต้องการที่จะจัดการหรือได้รับข้อมูลจากองค์ประกอบในเอกสารของคุณ

ส่งกลับ null ถ้าไม่มีองค์ประกอบที่มี ID ที่ระบุอยู่

รหัสต้องไม่ซ้ำกันภายในหน้า แต่ถ้ามากกว่าหนึ่งองค์ประกอบที่มี ID ที่ระบุอยู่ที่ getElementById() วิธีการส่งกลับองค์ประกอบแรกในรหัสที่มา

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ

วิธี
getElementById()	ใช่	ใช่	ใช่	ใช่	ใช่

document.getElementById( elementID )

พารามิเตอร์	ชนิด	ลักษณะ
elementID	String	จำเป็นต้องใช้ ID ค่าแอตทริบิวต์ขององค์ประกอบที่คุณต้องการที่จะได้รับ

DOM เวอร์ชัน:	ระดับแกนวัตถุ 2 เอกสาร
กลับค่า:	วัตถุธาตุที่เป็นตัวแทนขององค์ประกอบที่มี ID ที่ระบุ ส่งกลับ null ถ้าไม่มีองค์ประกอบที่มี ID ที่ระบุอยู่

รับองค์ประกอบที่มี id = "สาธิต" และเปลี่ยนสีของมัน:

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

สอน CSS: CSS Selectors

CSS อ้างอิง: CSS Selector #ID

HTML DOM อ้างอิง: HTML DOM id Property