js中出现addEventListener is not a function

最新推荐文章于 2024-03-04 17:01:35 发布

小魏每天都学习

最新推荐文章于 2024-03-04 17:01:35 发布

阅读量1.2w

点赞数 9

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_47417033/article/details/124261891

版权

js 专栏收录该内容

10 篇文章

订阅专栏

js错误记录

js中出现addEventListener is not a function，多半是侦听事件的事件源不对，事件源应该是一个元素，而非数组。

getElementsByClassName getElementByTagName()获取到的都是数组，即使满足条件的元素只有一个，也是数组。
因此在事件监听时，必须加[0]，否则会报如下错误
上代码

var items = document.querySelectorAll('.item');
// getElementsByClassName捕捉到的是数组，需要加[0]或使用qs选择器
var preBtn = document.getElementsByClassName('pre');
var nextBtn = document.querySelector('.next');

//应该如下方式侦听
preBtn[0].addEventListener('click',function(){
	......
});
nextBtn.addEventListener('click',function(){
	.....
});