使用JavaScript一次性将CSS更改应用于整个类

我想使用JavaScript对类中的所有元素进行更改

现在看起来是这样的：

var elements = document.getElementsByClassName(classToChange);

for (var i = 0; i < elements.length; i++) {
    elements[i].style.fontFamily = newFont;
}

var elements=document.getElementsByClassName（classToChange）；
对于（var i=0；i

---

我的问题是，有没有一种方法可以一次将新的CSS属性应用于整个类（而无需制定新的CSS样式规则），还是只能通过单独循环元素来实现？

您可以使用Javascript这样更改或添加新的CSS规则

var style=document.styleSheets[0]。cssRules | | document.styleSheets[0]。规则；
对于（变量i=0；i

.classToChange{
颜色：蓝色；
}

---

Lorem

您应该通过样式表执行此操作。（通过巧妙地使用像子代组合符这样的东西，这就像在一个公共父元素上设置一个类一样简单。）否则，是的，当然您必须循环遍历各个项；“没有创建新的CSS样式规则”为什么不能使用

CSS

？您的脚本将样式内联添加到每个实例中，这是低效的，因为您只能在一个位置通过CSS添加样式。@guest271314我正在尝试将一个函数应用到现有页面，因此加载时的CSS无法工作。我可以添加一个标签，并以这种方式将其应用到类中，但我不确定CSS规则可能已经到位。这是一个好主意。循环遍历样式表而不是类元素，但它会更改现有的类（如果有）。谢谢