Javascript 如何在html中获取属于某个类的所有div，除非它们是特定的div，否则如何更改它们的类？

尝试实现频道选择器时，当前选择一个频道时会变为粗体，但如果选择另一个频道，第一个频道也会保持粗体。我搞不清楚的是，当选择一个频道时，检查所选类中的div，如果有一个div不是所选的，则将其从所选类中删除。这将确保仅所选频道为粗体。已附加相关的代码段。谢谢

函数addClass（someID）{
document.getElementById（someID）.className+=“已选定”；
}

。已选定{
字体大小：粗体；
}

选择频道：

ESPN

喜剧

福克斯新闻

您可以使用

.selected

类选择div，并在添加新div之前将其删除。使用此逻辑，您将确保只选择一个div

函数addClass（someID）{
if（document.querySelector（'.selected'））
document.querySelector（'.selected'）。className=“”；
document.getElementById（someID）.className=“已选定”；
}

。已选定{
字体大小：粗体；
}

选择频道：

ESPN

喜剧

福克斯新闻

学习使用

classList

属性，而不是将字符串连接到

.className

。分配

className=“”

也将删除不相关的类。最好使用

.classList.remove（“selected”）

@Barmar是的，我完全同意，这不是唯一的坏事。。使用onclick对这样的ID不是一个好主意。。。我将用一个更好的替代方法进行更新。非常好，我不熟悉document.querySelector（）方法。我现在会读更多。谢谢。@TheCrashster如果有兴趣，我添加了更多方法；）