我一直在向此按钮添加事件侦听器并收到错误消息。 我做错了什么？

Question

我一直在尝试向此按钮添加事件侦听器并收到 Uncaught TypeError: Cannot read property 'addEventListener' of null

 let button = document.getElementById('submit'); function hello() { console.log("hello"); } button.addEventListener('click', hello);

 <div class="button"> <button id="submit">Submit</button> </div>

Answer 1

也许是因为 js 在 html 之前加载。 尝试将您的 js 代码放入此 function 中：

window.onload = () => {
    \\ your js code
}

Answer 2

代码看起来很好，实际上正在工作！

但是，当您忘记或错误输入元素的 id/class 时，通常会发生此问题。 所以当脚本尝试监听事件时，他无法找到元素。