本文介绍了JS错误对象没有方法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?

推荐答案

因为,正如错误消息告诉你没有你应该遍历节点列表,并且 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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-22 04:37