如何使用javascript操作css？

我试图在使用javascript点击按钮时操纵css。我想只激活一个按钮，即最近单击的按钮

我可以使其处于活动状态，但不知何故，我无法为未选中的其他对象删除活动状态

以下是我在js中尝试的内容

constmyfunction=（事件）=>{
const clickedElem=event.target
const allBtns=document.queryselectoral（'.btn.lightblue'）
allBtns.forEach（btn=>btn.classList.remove（'.btn.lightblue.active'））
单击elem.classList.add（'active'）
}

XASD
QWER
ASDF
ZXCV

查看以下内容的定义：

它将要删除的每个类作为一个独立的参数（每个类中有一个类名的字符串）

它不接受带有CSS选择器的单个参数

---

…您可能只想删除

活动的

类，而不是

btn

或

lightblue

查看以下内容的定义：

它将要删除的每个类作为一个独立的参数（每个类中有一个类名的字符串）

它不接受带有CSS选择器的单个参数

---

…而且您可能只想删除

活动的

类，而不是

btn

或

lightblue

在

btn.classList上使用
remove
功能时。删除

，请仅将

className

放入

constmyfunction=（事件）=>{
const clickedElem=event.target
const allBtns=document.queryselectoral（'.btn.lightblue'）
allBtns.forEach（btn=>btn.classList.remove（'active'））
单击elem.classList.add（'active'）
}

.active{
背景：红色；
}

XASD
QWER
ASDF
ZXCV

在

btn.classList.remove上使用
remove
功能时，请仅放置
className


constmyfunction=（事件）=>{
const clickedElem=event.target
const allBtns=document.queryselectoral（'.btn.lightblue'）
allBtns.forEach（btn=>btn.classList.remove（'active'））
单击elem.classList.add（'active'）
}
.active{
背景：红色；
}

XASD
QWER
ASDF
ZXCV
您可以使用1）Element.style=“…”或2）Element.classList.add（“…”）

到

使用样式属性覆盖css
向元素添加一个类，使其使用预定义的样式。（请注意，元素可以有多个类）
您可以使用1）Element.style=“…”或2）Element.classList.add（“…”）

到

使用样式属性覆盖css
向元素添加一个类，使其使用预定义的样式。（请注意，元素可以有多个类）
如果问题具体是关于
活动的
类，那么正确设置
样式是没有意义的。设置
元素.class
不会起任何作用。这不是属性的名称。如果问题具体是关于
活动的
类，那么正确设置
样式是没有意义的。设置
元素.class
不会起任何作用。这不是属性的名称。可能是的副本，也可能是的副本
tokenList.remove(token1[, token2[, ...tokenN]]);