📅  最后修改于: 2023-12-03 14:53:23.275000             🧑  作者: Mango
在 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 显示文档标题的示例。