添加EventListener JavaScript时“无法读取null的属性addEventListener”

时间:2018-10-28 04:13:31

标签: javascript

我正在尝试将eventListener添加到设置为元素的变量中。 代码是这样的:

var c = document.getElementById("some_element");
c.addEventListener("click", someFunction);

(顺便说一句,如果它有助于元素,则是按钮。)

1 个答案:

答案 0 :(得分:0)

似乎此代码在dom准备就绪之前就已开始执行,并且此元素在DOM中可用,因此它抛出了null

尝试通过添加代码neae关闭body标签结尾

<body>
 // rest of html elmeent
<script>
var c = document.getElementById("some_element");
c.addEventListener("click", someFunction);
</script>
</body>

您还可以将代码放入window.onload

window.onload = function(){
 var c = document.getElementById("some_element");
    c.addEventListener("click", someFunction);
}