简介：在写JavaScript代码的时候，控制台有时候会遇到这样的报错，addEventListener is not a function，说addEventListener不是一个函数，具体原因是因为监听事件的事件源不对，事件源应该是一个元素，而非其它。
因此我们在获取元素时要注意，
getElementsByClassName()、
getElementByTagName()，
获取到的是一个数组，即使满足条件的元素只有一个，也是数组形式返回，
eg:
控制台输出：
监听的事件源是一个数组，并非元素，所以在给btn添加addEventListener()监听事件时会报错，
getElementByTagName()同样，文章来源：https://www.toymoban.com/news/detail-696497.html
可以写成这样，数组[0]，或者使用querySelector方法，就可以解决；文章来源地址https://www.toymoban.com/news/detail-696497.html
btn[0].addEventListener('click', function () {
console.log("enumerable");
})
const btnTwo = document.querySelector(".submitIpt")
btnTwo.addEventListener("click", (() => {
console.log("immediate");
}))到了这里，关于addEventListener is not a function , JavaScript添加监听事件时报错的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
