css 为什么只有第一个按钮变成绿色？[closed]

vbopmzt1 于 2022-11-26 发布在其他

关注(0)|答案(2)|浏览(103)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
18小时前关门了。
Improve this question
我是一个noobie程序员，使用MAC操作系统和Visual Studio代码试图建立一个响应健身例程在HTML为个人使用，作为一个个人项目。
我试图让我所有的按钮变成绿色的点击，第一个是绿色罚款，但其余的都不是。我上传了一个代码笔在这里：https://codepen.io/3991chris/full/OJEZwKL
任何帮助都是很棒的！
我试过了

let btnDone = document.querySelectorAll('#done');

css

来源：https://stackoverflow.com/questions/74574371/why-is-only-the-first-button-turning-green

2条答案

按热度按时间

ygya80vv1#

代码中有两个主要问题。首先，所有按钮都应用了相同的#done id，这是无效的。id在DOM中必须是唯一的。请将它们更改为class。
在这里，你需要修改你的JS代码来使用querySelectorAll('.done')，这样它就可以返回一个你可以循环的所有元素的集合。在这个循环中，你可以把你的事件处理程序绑定到每个按钮。
其次，看起来你的目标是在连续点击时切换按钮的样式，因此你应该使用toggle()元素上的类，而不是使用removeClickHandler()。
第一个