getElementById() vs querySelectorAll() 有问题

问题描述

为什么当我使用 .getElementById() 时（我将其用作测试）有效但 querySelectorAll() 不起作用并抛出“addEventListener is not a function？”是因为我选择了多个按钮还是存在多个 addEventListeners 语法？

const btn = document.querySelectorAll("marker");

btn.addEventListener("click",() => {
    console.log("works");
});
btn.addEventListener("click",() => {
    if (btn.style.backgroundColor === "green") {
        btn.style.backgroundColor = "red";
        btn.innerHTML = "-";
    } else {
        btn.style.backgroundColor = "green";
        btn.innerHTML = "+";
    }
});

<!DOCTYPE html>
<html>
    <head>
        <title>Marking</title>
    </head>
    <body>
        <script src="script.js" defer></script>
        <div id="main">
            <button id="marker" style="background-color: green">+</button>
            <button id="marker" style="background-color: green">+</button>
            <button id="marker" style="background-color: green">+</button>
            <button id="marker" style="background-color: green">+</button>
            <button id="marker" style="background-color: green">+</button>
            <button id="marker" style="background-color: green">+</button>
        </div>
    </body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript

getElementById() vs querySelectorAll() 有问题

问题描述

解决方法

相关问答