语法中的 innerHTML 错误不起作用；未捕获的 TypeError：无法设置 null 的属性（设置“innerHTML”）[重复]

Posted 2023-05-07

【中文标题】语法中的 innerHTML 错误不起作用；未捕获的 TypeError：无法设置 null 的属性（设置“innerHTML”）[重复]

【英文标题】：innerHTML error in syntax not working; Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') [duplicate]

【发布时间】：2021-12-26 20:09:42

【问题描述】：

由于某种原因，我不断收到此“innerhtml”的语法错误，有人可以帮助我吗？

HTML 代码：

<div id="ID"></div>

javascript 代码：

document.getElementById("ID").innerHTML = "Test";

语法错误： 未捕获的 TypeError：无法设置 null 的属性（设置“innerHTML”）

我正在尝试使用“innerHTML”和“getElementById”使 div 以“测试”响应，但语法错误妨碍了。

【问题讨论】：

这个错误意味着document.getElementById("ID")没有返回对DOM对象的引用，所以没有什么可以设置innerHTML的。

请同时提供您正在使用的 HTML 代码。提示：不要使用“ID”作为和ID，而是使用更具体的东西，例如id="left-sidebar"。并确保 ID 是唯一的。

【参考方案1】：

该错误表示没有找到带有选择器ID的js。您需要 ID 作为选择器。看看：

document.getElementById("ID").innerHTML = "Test";

<div id="ID">Hello</div>

【参考方案2】：

在网页上当前不存在的 ID 上运行 getElementById 会出现此错误，如果您正在处理具有多个场景的项目并且您尝试为当前未显示的场景中的元素调用此方法在屏幕上会出现此错误。

【参考方案3】：

错误是指document.getElementById("ID") 无效。这意味着“ID”不存在。在您的 HTML 代码中，需要有一个带有 id="ID" 的对象。