HTML DOM Title 对象

HTML DOM Title 对象

HTML DOM Title 对象代表 HTML 文档的标题。在 HTML 文档中，标题是由 <title> 标签定义，它必须出现在 <head> 标签中。标题是显示在浏览器窗口的标题栏上或页面选项卡的标题上的文本。

属性：

  1. text：返回 <title> 元素的文本内容。
  2. innerHTML：设置或返回 <title> 元素的内容，包括 HTML 标记。
  3. default：设置或返回文档的默认标题。

方法：

  1. toString()：返回 <title> 元素的文本内容，同 text 属性。
  2. addEventListener()：向文档中标题添加事件处理程序。
  3. removeEventListener()：从文档中标题删除事件处理程序。

使用方法：

1.获取标题文本：

const titleText = document.title.text;

2.设置标题：

document.title.innerHTML = “新标题”;

3.修改文档默认标题：

document.title.default = “新默认标题”;

4.为标题添加事件监听器：

document.title.addEventListener(“click”, function() { console.log(“标题被点击了！”); });

注意事项：

1.<title> 元素只能在 <head> 元素内使用。如果它在页面的其他位置使用，则无效。 2.文档标题被视为文档对象模型的属性。可以通过 document.title 访问它。但是，由于 title 属性早于 DOM，它不是真正的 DOM 元素。

总结：

HTML DOM Title 对象提供了访问和修改 HTML 文档标题的方法和属性。它允许您动态更改文档的标题以更好地定义文档的内容。此外，您还可以为标题添加事件处理程序来跟踪用户与它的交互。根据需要使用它，它是一个很好的工具，可以将网站精细化。

HTML DOM Time 对象 HTML DOM tr 对象