未捕获的类型错误：对象 # 没有方法“addEventListener”

我在一个相对简单的 HTML 文件中有一个按钮元素。我正在尝试添加事件侦听器，但不断收到错误，我不知道为什么：Uncaught TypeError: Object #<NodeList> has no method 'addEventListener'

我正在尝试学习“addEventListener”方法，但我不明白我正在做的事情出了什么问题：

HTML:

<button>guess</button>

JS:

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

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

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

    e.preventDefault();
    return false;
};

感谢那些提供帮助的人。

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

1. 当你使用document.getElementsByTagName()或任何其他返回 NodeList 的方法，您必须指定要操作的节点。
2. 确保添加事件监听器after该函数已被声明。

getElementsByTagName('button')返回一个列表，而不是一个元素。您需要将 EventListener 添加到该列表中的第一个元素。

Try:

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