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