Thuộc tính HTML DOM documentElement được sử dụng để trả về phần tử tài liệu. Kiểu trả về là kiểu Element Object. Phần tử tài liệu là phần tử gốc của tài liệu, trong trường hợp tài liệu HTML sẽ là phần tử . Đây là thuộc tính chỉ đọc.
Cú pháp
Sau đây là cú pháp cho thuộc tính documentElement -
document.documentElement
Ví dụ
Chúng ta hãy xem một ví dụ về thuộc tính documentElement -
<!DOCTYPE html>
<html>
<body>
<h1>documentElement property example</h1>
<p>Get the document element name by clicking the below button</p>
<button onclick="getDocument()">GET NAME</button>
<p id="Sample"></p>
<script>
function getDocument() {
var dName = document.documentElement.nodeName;
document.getElementById("Sample").innerHTML = "The document element for this document is: "+dName;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút NHẬN TÊN -
Trong ví dụ trên -
Chúng tôi đã tạo một nút GET NAME sẽ thực thi hàm getDocument () khi được người dùng nhấp vào.
<button onclick="getDocument()">GET NAME</button>
Hàm getDocument () nhận thuộc tính documentElement nodeName của tài liệu và gán nó cho biến dName. Sau đó, biến dName được hiển thị trong đoạn văn có id “Sample” được liên kết với nó và sử dụng thuộc tính innerHTML để hiển thị văn bản dự định -
function getDocument() {
var dName = document.documentElement.nodeName;
document.getElementById("Sample").innerHTML = "The document element for this document is: "+dName;
}