无法使用 JS 访问我的 html 文件中的“标题”元素

Posted 2023-02-21

【中文标题】无法使用 JS 访问我的 html 文件中的“标题”元素

【英文标题】：can't access the 'header' element inside my html file using JS

【发布时间】：2021-12-30 03:55:58

【问题描述】：

我正在尝试使用 javascript document.createElement("div") 创建一个 html 元素，然后在我的文档标题中添加/附加它，但下面是我得到的.

enter image description here

【问题讨论】：

你从未定义过header。错误信息是正确的。你会得到<header> 元素，例如document.querySelector("header")。

请不要发布代码图片。

@jabaa 图片有问题吗？

是的，您不能复制代码。您无法搜索代码。残障用户无法使用屏幕阅读器。在小型显示器上很难阅读。这是 Stack Overflow 政策How to Ask"请勿发布代码、数据、错误消息等的图片。"

感谢您的建议，我会记住的。

【参考方案1】：

您从未定义标题。你必须先使用var header = document.querySelector('header');来初始化它

那么你可以使用header.prepend(...);

【讨论】：

哦，谢谢，我明白了，实际上，我正在学习 JS，但之前没有做过这件事，所以我不知道要使用 HTML doc 中的元素，我必须像这样对待他们……

【参考方案2】：

尝试将您的header.prepend 替换为：

document.getElementsByTagName("header")[0].prepend(message);