JS错误对象没有方法addEventListener [英] JS error object has no method addEventListener

问题描述

我有以下代码

var el = document.querySelectorAll('.block');
console.log(el);
el.addEventListener('click', function () {
    alert('hello');
}, false);

然而，它返回错误未捕获TypeError：Object＃< NodeList>没有方法'addEventListener'

为什么我会收到此错误以及如何解决此问题？

Why am I getting this error and how can I solve this issue?

推荐答案

因为，正如错误消息告诉你 NodeList s 没有一个 addEventListener 方法。你应该遍历节点列表，并且 addEventListener 到其中的每个元素 - 假设您要添加N个侦听器。

Because, exactly as the error message tells you NodeLists don't have an addEventListener method. You should iterate over the nodelist, and addEventListener to each element within – assuming that you want to add N listeners.

或者，只选择一个元素，其余的代码将按照书面形式工作。

Alternately, select only a single element, and the remainder of your code will work as written.

这篇关于JS错误对象没有方法addEventListener的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！