我有一个带有 div 的 HTML 文件和一个 javascript 文件，该文件使用这个 div 作为函数中的变量，如下所示:
<div id="foo"></div>
还有 JS
foo = document.getElementById("foo");
function bar() {
foo.innerHTML = "foobar"
}
但是当我运行 bar (加载后，在控制台中)时，它说 bar 未定义，并且不会将 foo.innerHTML 更改为“foobar”
更新:页面加载后，我在控制台中调用bar()。我还修复了那里的代码
最佳答案
您需要将脚本更新为
function bar() {
document.getElementById("foo").innerHTML = "foobar"
}
您的脚本有问题。您声明函数的方式在语法上不正确。
此外，您应该确保当您调用函数时，该元素存在于 DOM 中。
可以通过打开开发人员工具(F12 > 控制台)并修复相应的错误来发现错误
还要确保您拥有 <script>结束前的标签 </body>标签，以便让 JS 在将所需元素映射到 DOM 之前解析文档
关于JavaScript 找不到我的 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32358992/