我的javascript正在控制台中运行，但如果通过html运行，则返回错误

我这里有一些javascript代码，可以随机更改我网站登录页的背景。代码如下：

    var bigSize = [ 
                    "url('assets/bg/front1.jpg')",
                    "url('assets/bg/front2.jpg')",
                  ];
    var random = Math.floor(Math.random() * 2) + 0;
    document.getElementById("front").style.backgroundImage=bigSize[random];

当我加载页面并查看控制台时，会出现以下错误：

background.js:6 Uncaught TypeError: Cannot read property 'style' of null
    at background.js:6

---

但是，当我通过控制台运行确切的代码时，脚本工作得非常好。有人能帮我吗？提前谢谢

问题可能是您在

正文

标记之前插入了

脚本

标记。在

正文

标记后插入

脚本

标记。Javascript无法找到您的

元素

，这意味着它尚未呈现到浏览器中，当您访问它时，它会抛出一个错误

document.getElementById（“前端”）

为

null

。您能否确保此脚本运行时页面上是否存在此元素？请将脚本放在正文标记的末尾，而不是前面的元素前面。在定义

id=“front”

之前，您正在运行该脚本…！？运行该脚本时，DOM未完全加载，仅此而已！非常感谢你！如果您认为这是正确的，请向上投票并标记为正确：）