如何解决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 举报，一经查实，本站将立刻删除。
