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ếndName. - Kết quả hiển thị qua
innerHTMLcủa phần tử<p id="Sample">.