我在一个相对简单的HTML文件中有一个按钮元素.我正在尝试添加一个事件监听器,但我一直在收到错误,我不确定原因：未捕获的TypeError：Object#< NodeList>没有方法’addEventListener’

我正在尝试学习’addEventListener’方法,但我不明白我正在做什么是错的：

HTML：

&LT按钮&GT猜&LT /按钮&GT

JS：

var myButton = document.getElementsByTagName('button');

myButton.addEventListener('click', doSomething, false);

var doSomething = function(e){
    console.log('I was clicked!');

    e.preventDefault();
    return false;
};

谢谢那些帮助过的人.

对于可能遇到此问题的任何其他新手,总结如下：

>使用document.getElementsByTagName()或任何其他返回NodeList的方法时,必须指定要操作的节点.
>确保在声明函数后添加事件侦听器.

解决方法:

getElementsByTagName(‘button’)返回一个列表,而不是一个元素.您需要将EventListener添加到该列表中的第一个元素.

尝试：

var myButton = document.getElementsByTagName('button')[0];