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