Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính HTML DOM documentElement

Thuộc tính documentElement trả về phần tử gốc (root element) của tài liệu dưới dạng đối tượng Element. Với tài liệu HTML, phần tử gốc luôn là <html>. Đây là thuộc tính chỉ đọc (read-only).

Cú pháp

document.documentElement

Ví dụ

Ví dụ lấy tên phần tử gốc của tài liệu:

<!DOCTYPE html>
<html>
<body>
<h1>Ví dụ thuộc tính documentElement</h1>
<p>Nhấn nút bên dưới để lấy tên phần tử gốc của tài liệu</p>
<button onclick="getDocument()">LẤY TÊN</button>
<p id="Sample"></p>
<script>
  function getDocument() {
    var dName = document.documentElement.nodeName;
    document.getElementById("Sample").innerHTML = "Phần tử gốc của tài liệu này là: " + dName;
  }
</script>
</body>
</html>

Kết quả

Sau khi nhấn nút "LẤY TÊN", đoạn văn hiển thị: "Phần tử gốc của tài liệu này là: HTML".

Giải thích

  • Nút "LẤY TÊN" gọi hàm getDocument().
  • Hàm truy xuất document.documentElement.nodeName (trả về "HTML") và gán cho biến dName.
  • Kết quả hiển thị qua innerHTML của phần tử <p id="Sample">.