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

Question

我一直在尝试向此按钮添加事件侦听器，并得到Uncaught TypeError：无法读取null的属性'addEventListener'

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

代码看起来不错，并且实际上可以正常工作！

但是，当您忘记或错误键入元素的ID /类时，通常会发生此问题。因此，当脚本尝试监听事件时，他无法找到该元素。

Answer 2

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

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