我在使用事件时在控制台中遇到了一些错误

Question

我在打开浏览器控制台时尝试单击事件我收到此错误： events.js:2 Uncaught TypeError: button.addEventListener is not a function at events.js:2 (anonymous) @ events.js:2检查我的代码

Answer 1

函数getElementsByTagName返回所有按钮的数组，所以如果你只有一个按钮，你可以做document.getElementsByTagName('button')[0]。

Answer 2

document.getElementsByTagName返回一个 HTML 集合。您可以使用它的索引选择一个特定的：document.getElementsByTagName('button')[0]或循环并为每个事件添加一个事件侦听器：

for (let i of buttons) {

    i.addEventListener('click', () => {

        console.log('CLICK!!!')

    })

}