HTML - DOM 文档 title 属性



HTML DOM 文档的 **title** 属性用于设置或获取文档的标题。title 属性保存有关标题的信息。

语法

设置标题名称
document.title = newTitle;
获取标题名称
document.title;

属性

描述
newTitle 它表示文档的新标题。

返回值

它返回一个字符串值,表示文档的标题。

HTML DOM 文档“title”属性示例

以下示例说明如何设置和返回文档的标题。

返回标题

以下示例返回当前文档的标题名称。

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

设置新标题

以下示例设置当前文档的新标题名称。

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

支持的浏览器

属性 Chrome Edge Firefox Safari Opera
title 是 1 是 12 是 1 是 1 是 12.1
html_dom_document_reference.htm
广告