คุณสมบัติ documentElement ใน HTML DOM ใช้สำหรับคืนค่าองค์ประกอบราก (root element) ของเอกสาร คืนค่าเป็นออบเจ็กต์ประเภท Element สำหรับเอกสาร HTML องค์ประกอบรากจะเป็น <html> คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว (read-only)
ไวยากรณ์ (Syntax)
document.documentElementตัวอย่าง
ตัวอย่างการดึงชื่อองค์ประกอบรากของเอกสาร:
<!DOCTYPE html>
<html>
<body>
<h1>ตัวอย่างคุณสมบัติ documentElement</h1>
<p>คลิกปุ่มด้านล่างเพื่อดูชื่อองค์ประกอบเอกสาร</p>
<button onclick="getDocument()">GET NAME</button>
<p id="Sample"></p>
<script>
function getDocument() {
var dName = document.documentElement.nodeName;
document.getElementById("Sample").innerHTML = "องค์ประกอบเอกสารสำหรับเอกสารนี้คือ: " + dName;
}
</script>
</body>
</html>ผลลัพธ์
เมื่อโหลดหน้าเว็บจะแสดงปุ่ม "GET NAME"
เมื่อคลิกปุ่ม จะแสดง "องค์ประกอบเอกสารสำหรับเอกสารนี้คือ: HTML"
คำอธิบายโค้ด
- สร้างปุ่ม "GET NAME" เรียกใช้
getDocument()เมื่อคลิก - ฟังก์ชัน
getDocument()ดึงdocument.documentElement.nodeNameเก็บในdNameแล้วแสดงในย่อหน้าid="Sample" - สำหรับเอกสาร HTML ผลลัพธ์จะเป็น "HTML" เสมอ
