如何将 css 分配给具有两个或更多选择器的 javascript

How to assign css to javascript which have two or more selectors

我正在尝试在 javascript 的帮助下分配一个非常大的 html 和 css 代码块。该代码在白天模式下可以正常工作,但在夜间模式下我有一点问题。鉴于 containerimg 在夜间模式打开时不会更改颜色和其他值。我做错了什么?

https://codepen.io/vkdatta27/pen/qBNZagr

在你的方法中使用 2 个参数是行不通的。

document.getElementsByClassName("night profile-container")

参见:

在任何情况下,您所做的都是一种不好的做法,像这样不断更改 dom 因为它会减慢浏览器渲染重绘的速度。相反,我建议放入您的样式表并批量渲染到 dom。

body.night .profile-container {
/* styles ...*/
}