JS事件报错Cannot set property ‘onclick‘ of null，原因及解决方法

本文介绍: 目录报错信息：那么为什么会报错呢？解决方法：报错信息：在使用 js的时候报以下错误下面是对应的文件 my.js文件：document.getElem e n tById(“button“).onclick=function () { document.getElem e n tById(“head“).innerHTML = “Tel e port er“;};html 代码（引入了上面的js文件）<!DOCTYPE html&g t;<html lang=

报错信息：

那么为什么会报错呢？

解决方法：

在使用 js的时候报以下错误

document.getElementById("button").onclick=function () {
    document.getElementById("head").innerHTML = "Teleporter";
};

&lt;!DOCTYPE html&gt;
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsLearn</title>
    <script src = "my.js"></script>
</head>
<body>
    <h1 id = "head">Zebra</h1>
    <button id = "button">请点我</button>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsLearn</title>
    <script src = "my.js"></script>
</head>
<body>
    <h1 id = "head">Zebra</h1>
    <button id = "button">请点我</button>
</body>
</html>

window.onload = function(){
    document.getElementById("button").onclick=function () {
        document.getElementById("head").innerHTML = "Teleporter";
    };
}