Thuộc tính HTML DOM head

Thuộc tính head trong HTML DOM liên kết với phần tử <head>. Trả về phần tử <head> đầu tiên trong tài liệu (nếu có nhiều). Đây là thuộc tính chỉ đọc (read-only).

Cú pháp

document.head

Ví dụ

Ví dụ lấy tiêu đề trang web từ phần tử <title> bên trong <head>:

<!DOCTYPE html>
<html>
<head>
  <title>Tiêu đề của tôi</title>
</head>
<body>
<h1>Ví dụ thuộc tính head</h1>
<p>Nhấn nút để lấy tiêu đề tài liệu này</p>
<button onclick="getTitle()">LẤY TIÊU ĐỀ</button>
<p id="Sample"></p>
<script>
  function getTitle() {
    var titleText = document.head.firstElementChild.innerHTML;
    document.getElementById("Sample").innerHTML = "Tiêu đề của tài liệu này là: " + titleText;
  }
</script>
</body>
</html>

Kết quả

Sau khi nhấn nút "LẤY TIÊU ĐỀ", hiển thị: "Tiêu đề của tài liệu này là: Tiêu đề của tôi".

Giải thích

• Phần tử <head> chứa <title>Tiêu đề của tôi</title>.
• Nút "LẤY TIÊU ĐỀ" gọi hàm getTitle().
• Hàm dùng document.head lấy phần tử head, .firstElementChild lấy con đầu tiên (<title>), .innerHTML lấy nội dung.
• Kết quả hiển thị qua innerHTML của <p id="Sample">.