วิธี HTML DOM getElementById()
การระบุและวิธีใช้
วิธี getElementById() สามารถกลับค่าเป็นอ้างอิงต่อวัตถุที่มี ID ที่กำหนดไว้
การใช้งาน
document.getElementById(id)
ชี้แจง
HTML DOM มีวิธีหลายวิธีที่ใช้หาองค์ประกอบ นอกจาก getElementById() แล้ว ยังมี getElementsByName() และ getElementsByTagName()
อย่างไรก็ตาม ถ้าคุณต้องการหาองค์ประกอบเฉพาะอย่างหนึ่งในเอกสาร วิธีที่มีประสิทธิภาพที่สุดคือ getElementById()
ในการปฏิบัติการประกายเอกสารประเภทเฉพาะอย่างหนึ่ง นั่นคือดีได้ที่จะให้ตัวแปรเอกสารนี้ id ภายในคุณสมบัติ และกำหนดชื่อที่เด่นเดี่ยวกันในเอกสาร จากนั้นจึงสามารถหาองค์ประกอบที่ต้องการด้วย ID นี้ได้
ตัวอย่าง
ตัวอย่าง 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>คลิกที่หัวข้อเพื่อแจ้งเตือนค่าของมัน</p>
</body>
</html>
ตัวอย่าง 2
getElementById() คือวิธีที่สำคัญ ในการออกแบบโปรแกรม DOM การใช้งานของมันมีบทบาทสำคัญ เราได้คำนึงถึงฟังก์ชันเคลื่อนไหวเพื่อให้คุณสามารถใช้วิธี getElementById() ด้วยชื่อที่แยกย่อ
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
ฟังก์ชันดังกล่าวรับองค์ประกอบ ID ในตัวแปรของมัน สำหรับแต่ละตัวแปรของที่เราใช้ก่อนการใช้งานเราเขียน x = id(x)
