js中出现addEventListener is not a function

js错误记录js中出现addEventListener is not a function，多半是侦听事件的事件源不对，事件源应该是一个元素，而非数组。getElementsByClassName getElementByTagName()获取到的都是数组，即使满足条件的元素只有一个，也是数组。因此在事件监听时，必须加[0]，否则会报如下错误上代码var items = document.quer

小魏每天都学习

10888人浏览 · 2022-04-18 22:54:05

小魏每天都学习 · 2022-04-18 22:54:05 发布

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(){
	.....
});