HTML - DOM 文档 head 属性

**head** 属性与 HTML 的 <head> 元素相关联。它用于返回 <head> 元素。如果有多个 head 元素，则它将返回第一个 <head> 元素；如果没有 head 元素，则 HTML 会添加一个空的 <head>。这是一个只读属性。

语法

document.head;

返回值

它返回文档的 head 元素。

HTML DOM 文档“head”属性的示例

下面是一些显示 **head** 属性用法的示例。

获取 <head> 元素

以下示例说明了如何使用 head 属性获取 HTML 文档的 head 元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document head Property
    </title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <p id="head"></p>
    <script>
        function fun() {
            let tag = document.head.tagName;
            document.getElementById("head").innerHTML = tag;
        }
    </script>
</body>
</html>

获取 <head> 元素

以下示例说明了如何使用 head 属性获取 HTML 文档的 head 元素，**不包含** head 标签。

<!DOCTYPE html>
<html lang="en">
<body>
    <p>
        This document does not have 
        any <head> element.
    </p>
    <button onclick="fun()">Click me</button>
    <p id="head"></p>
    <script>
        function fun() {
            let x = document.head.tagName;
            document.getElementById("head").innerHTML = x;
        }
    </script>
</body>
</html>

获取 <head> 元素的另一种方法

此示例说明了如何在不使用 head 属性的情况下获取 head 元素。

<!DOCTYPE html>
<html lang="en">
<body>
    <button onclick="fun()">
        Click me
    </button>
    <p id="head"></p>
    <script>
        function fun() {
            let x = document.getElementsByTagName("head")[0].tagName;
            document.getElementById("head").innerHTML = x;
        }
    </script>
</body>
</html>

获取文档的标题

以下示例说明了如何使用 head 属性获取文档的标题名称。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document head Property
    </title>
</head>
<body>
    <p>
        Click the button below to get the 
        Title of the document.
    </p>
    <button onclick="fun()">Click me</button>
    <p id="head"></p>
    <script>
        function fun() {
            let x = document.head.firstElementChild.innerHTML;
            document.getElementById("head").innerHTML = x;
        }
    </script>
</body>
</html>

支持的浏览器

属性
head	是 4	是 12	是 4	是 5	是 11

html_dom_document_reference.htm

打印页面