无法读取null`的属性'style'，但在jsFiddle中工作正常

Question

我正在尝试使用JS创建一个非常基本的游戏，我的代码在jsfiddle中运行良好（ish），但是当我把它全部放入我的HTML和JS文档中时它不起作用 - 我一直得到同样的错误调试：bigThing.style.left = "10px";在第11行说明{{1}}

这里的第一个noobie问题，希望有人可以帮我弄清楚为什么不能将它复制粘贴到html文档中。

JsFiddle link here`

感谢您的时间。

Answer 1

你需要将整个事物包裹在：

中

window.onload = function(){
   //You code here
}

当您在解析DOM之前加载并执行脚本时，可能会出现此问题。另一种方法是在结束</body>标记之前立即放置脚本。

Answer 2

你的问题非常简单。您的HTML文件是自上而下解析的，因为它是一个解释的脚本。我假设您在头标记中导入JS脚本。 JS在完全加载之前尝试访问DOM，这会导致抛出错误。这样就可以在HTML文件正文中的所有内容之后调用JS脚本导入。你的标记将加载，然后JS将访问它，一切都应该是好的。