📜  如果文档中存在文本,如何显示文档的标题 javascript (1)

📅  最后修改于: 2023-12-03 14:53:23.275000             🧑  作者: Mango

显示文档标题的 JavaScript 方法

在 JavaScript 中,可以使用 DOM(文档对象模型)来获取和修改文档的标题。以下是一个示例代码片段,演示如何显示文档的标题。

// 获取文档标题
var title = document.title;

// 在控制台打印文档标题
console.log('文档标题:', title);

// 将文档标题显示在页面上
var titleElement = document.createElement('h1');
titleElement.textContent = title;
document.body.appendChild(titleElement);

此代码片段首先使用 document.title 获取文档的标题,并将其存储在变量 title 中。然后,它在控制台中打印出文档标题,以便开发者查看。

接下来,代码创建一个新的 h1 元素,并将文档标题通过 textContent 属性设置为元素的文本内容。最后,通过使用 appendChild 方法,将该元素添加到文档的 body 元素中,以便在页面上显示文档的标题。

以上的代码片段是基于浏览器环境下的 JavaScript,可直接在浏览器的开发者工具中运行。注意确保将代码放置在 HTML 文档加载完成后执行,否则无法获取到正确的文档标题。

如有需要,可以将以上代码片段以 markdown 的格式嵌入文档,以便在文档中展示 JavaScript 显示文档标题的示例。