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

标签 javascript html css

我正在尝试用 JS 制作一个非常基本的游戏,我的代码在 jsfiddle 中运行良好(差不多),但是当我将它全部放入我的 HTML 和 JS 文档时它不起作用 - 我总是遇到同样的错误调试:Uncaught TypeError: Cannot read property 'style' of null 在第 11 行声明 bigThing.style.left = "10px";

这里是第一个菜鸟问题,希望有人能帮我弄清楚为什么将其复制粘贴到 html 文档中不起作用。

JsFiddle link here `

感谢您的宝贵时间。

最佳答案

你需要将整个东西包裹在一个:

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

当您在解析 DOM 之前加载和执行脚本时,就会出现问题。另一种选择是在收盘前立即放置脚本 </body>标签。

关于javascript - 无法读取 null` 的属性 'style',但在 jsFiddle 中工作正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30203997/

相关文章:

javascript - 根据属性中的值设置元素的样式

php - CSS 不适用于我的 PHP 代码(回显/无回显)

javascript - 如何在同一个列表中多次推送变量的值?

javascript - Bower:如何修补包或应用覆盖?

javascript - 在 asp.Net LinkBut​​ton OnClientClick 上触发 html5 表单验证

html - 从一个页面移动到另一个页面时,导航菜单会闪烁,仅在 Chrome 中

javascript - jQuery 模式无法正确交互

没有jquery的javascript find()函数

html - 为什么 align 和 text-align 与表格不同?

css - 如何消除 .dropdown 和 .dropdown-menu 之间的差距