Question

我得到了未被捕获的类型错误：未捕获的TypeError：无法设置null的属性'onclick'

<!DOCTYPE html>
<html>
    <head>
        <title>dice app</title>
        <script src="widget.js"></script>
    </head>
    <body>
        <button id="button">Roll Dice</button>
    </body>
</html>

js code：

var button = document.getElementById("button");

button.onclick = function() {// error
    var print = dice.roll();
    printNumber(print);
};

Answer 1

您在元素存在之前执行JavaScript。将代码移动到页面末尾或将其放在onload处理程序中。

例如：

<!DOCTYPE html>
<html>
    <head>
        <title>dice app</title>
    </head>
    <body>
        <button id="button">Roll Dice</button>
        <script src="widget.js"></script>
    </body>
</html>

Answer 2

在HTML中的按钮后移动脚本。目前正在评估脚本，但尚未创建HTML元素。

我得到一个Uncaught TypeError：无法设置null的属性'onclick'？

2 个答案: