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

Question

我试图在 javascript 的帮助下分配一个非常大的 html 和 css 代码块。该代码在白天模式下正常工作，但在夜间模式下我有一点问题。打开夜间模式时，给定container并且不改变颜色和其他值。img我做错了什么？

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

标签： javascripthtmlcssdarkmode

Answer 1

在您的方法中使用 2 个参数将不起作用。

document.getElementsByClassName("night profile-container")

请参阅：具有两个类的 getElementsByClassName()

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

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