javascript - 使用 javascript 更改 css 样式表

Question

我有以下内容:

<style>
    .el {color: blue;}
</style>

<div class="el">bla bla</div>
<div class="el">bla bla 123</div>

我需要使用 JavaScript 来更改 .el 中的颜色。我知道 document.styleSheets 但这似乎有点粗糙，必须循环搜索我想以这种方式更改它的类。现在没有更好(更轻)的方法来做到这一点吗？有点像

document.stylesheets.getclass('.el').color = 'red';

谢谢。

Answer 1

您走在正确的轨道上。您要查找的方法是 getElementsByClassName，而不是 getClass。它返回一个数组，然后您只需遍历该数组并分配新颜色。

var el = document.getElementsByClassName('el'),
    i;

for (i = 0; i < el.length; i += 1) {
    el[i].style.color = 'red';
}

Demo

附言，显然，这会改变样式，而不是样式表。