Javascript 我有一些按钮，我需要打开一个红色的点击和旧的红色按钮灰色我怎么做？

Html:

每次单击任何按钮，我都会得到以下信息：

let buttons = document.querySelectorAll(".buttons form button");
for(let button of buttons) {
console.log(button);
button.onclick = function() {
    buttons.classList.remove("active") //making old active button not active
    button.classList.add("active") //making new active button
};
console.log(button);
}

---

怎么了？是“.buttons form button”吗？

检查是否有任何按钮处于活动状态。如果是，则使用

remove

删除该类

还有

按钮

此处

按钮.classList.remove（“active”）

指的是集合，而不是单个元素

let buttons=document.queryselectoral（“.buttons表单按钮”）；
用于（让按钮中的按钮）{
button.onclick=函数（）{
const getActiveBtn=document.querySelector（'button.active'）；
如果（getActiveBtn）{
getActiveBtn.classList.remove（“活动”）
}
按钮。类列表。添加（“活动”）
};
}

.active{
背景：红色；
颜色：#fff；
}

全部的
打印模板
网页模板
用户界面
模型

检查是否有任何按钮处于活动状态。如果是，则使用

remove

删除该类

还有

按钮

此处

按钮.classList.remove（“active”）

指的是集合，而不是单个元素

let buttons=document.queryselectoral（“.buttons表单按钮”）；
用于（让按钮中的按钮）{
button.onclick=函数（）{
const getActiveBtn=document.querySelector（'button.active'）；
如果（getActiveBtn）{
getActiveBtn.classList.remove（“活动”）
}
按钮。类列表。添加（“活动”）
};
}

.active{
背景：红色；
颜色：#fff；
}

全部的
打印模板
网页模板
用户界面
模型

for（按钮中的let按钮）的原因与

按钮的原因相同。classList

不起作用

for（按钮中的let按钮）

的原因与

按钮的原因相同。classList

不起作用

let buttons = document.querySelectorAll(".buttons form button");
for(let button of buttons) {
console.log(button);
button.onclick = function() {
    buttons.classList.remove("active") //making old active button not active
    button.classList.add("active") //making new active button
};
console.log(button);
}

Uncaught TypeError: Cannot read property 'remove' of undefined
at HTMLButtonElement.button.onclick (main.js:8)