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

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

当前看起来像这样：

var elements = document.getElementsByClassName(classToChange);

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

我的问题是，是否有一种方法可以将新CSS属性立即应用于整个类（而无需制定新的CSS样式规则），还是只能通过单独遍历元素来完成？

最佳答案

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

var style = document.styleSheets[0].cssRules || document.styleSheets[0].rules;
for (var i = 0; i < style.length; i++) {
  if (style[i].selectorText == '.classToChange') {
    style[i].style['font-size'] = '50px';
  }
}

.classToChange {
  color: blue;
}

<p class="classToChange">Lorem</p>

关于javascript - 使用JavaScript一次将CSS更改应用于整个类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37726229/