Question

我为我的按钮元素添加了一个事件监听器，但它没有按预期启动。

以下是我到目前为止所尝试的内容：

var Button = document.getElementsByClassName("buttons");

var bButton = document.getElementsByClassName ("buttons2");

var cButton = document.querySelector ("#inputNew");


Button.addEventListener("click", function (random){
    alert ("clicked") });

Answer 1

getElementsByClassName不返回单个元素，但会返回一个元素集合作为 NodeList对象 ，您需要循环遍历每个元素他们用say forEach。

但是，如果您的按钮具有单独的类名，则应该使用querySelector代替：

var aButton = document.querySelector("buttons");

var bButton = document.querySelector("buttons2");

var cButton = document.querySelector("#inputNew");

aButton.addEventListener("click", function (random){ alert ("clicked") });
bButton.addEventListener("click", function (random){ alert ("clicked") });
cButton.addEventListener("click", function (random){ alert ("clicked") });

addEventListener错误.. some1会帮助我吗？

1 个答案: