Thuộc tính loại tài liệu HTML DOM

Thuộc tính kiểu tài liệu DOM HTML trả về DTD (Khai báo kiểu tài liệu) được liên kết với tài liệu HTML hiện tại. Nó là một tài sản chỉ đọc. Nó trả về tên doctype dưới dạng đối tượng DocumentType. Nó có thể trả về null nếu không có DTD nào được chỉ định cho tài liệu đã cho.

Cú pháp

Sau đây là cú pháp cho thuộc tính doctype -

document.doctype

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính loại tài liệu HTML DOM

Khi nhấp vào nút NHẬN LOẠI TÀI LIỆU -

Thuộc tính loại tài liệu HTML DOM

Đầu tiên, chúng tôi đã đặt DTD (Document Type Defination) thành HTML cho tài liệu HTML của chúng tôi. Điều này sẽ đảm bảo rằng tài liệu được hiển thị dưới dạng tài liệu HTML -

<!DOCTYPE html>

Sau đó, chúng tôi đã tạo một nút GET DOCTYPE sẽ thực thi hàm getDoctype () khi người dùng nhấp vào -

<button onclick="getDoctype()">GET DOCTYPE</button>

Phương thức getDoctype () sử dụng giá trị tên thuộc tính doctype của tài liệu và gán giá trị đó cho biến doc. Sau đó, tài liệu biến được hiển thị trong đoạn có id “Sample” và thuộc tính innerHTML của nó được đặt thành văn bản dự định -

function getDoctype() {
   var doc = document.doctype.name;
   document.getElementById("Sample").innerHTML ="The doctype for this HTML document is: "+doc;
}