คุณสมบัติ doctype ใน HTML DOM คืนค่าการประกาศประเภทเอกสาร (DTD - Document Type Declaration) ที่เชื่อมโยงกับเอกสาร HTML ปัจจุบัน เป็นคุณสมบัติแบบอ่านอย่างเดียว (read-only) คืนค่าชื่อ doctype เป็นออบเจ็กต์ DocumentType อาจคืนค่า null หากไม่มีการระบุ DTD
ไวยากรณ์ (Syntax)
document.doctypeตัวอย่าง
ตัวอย่างการดึงค่า doctype ของเอกสาร HTML:
<!DOCTYPE html>
<html>
<body>
<h1>ตัวอย่างคุณสมบัติ doctype</h1>
<button onclick="getDoctype()">GET DOCTYPE</button>
<p id="Sample"></p>
<script>
function getDoctype() {
var doc = document.doctype.name;
document.getElementById("Sample").innerHTML = "Doctype สำหรับเอกสาร HTML นี้คือ: " + doc;
}
</script>
</body>
</html>ผลลัพธ์
เมื่อโหลดหน้าเว็บจะแสดงปุ่ม "GET DOCTYPE"
เมื่อคลิกปุ่ม จะแสดง "Doctype สำหรับเอกสาร HTML นี้คือ: html"
คำอธิบายโค้ด
- ประกาศ
<!DOCTYPE html>เพื่อระบุว่าเป็นเอกสาร HTML5 - สร้างปุ่ม "GET DOCTYPE" เรียกใช้
getDoctype()เมื่อคลิก - ฟังก์ชัน
getDoctype()ดึงdocument.doctype.nameเก็บในdocแล้วแสดงในย่อหน้าid="Sample"
