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';
}

演示

PS，显然，这改变了style，而不是stylesheet。

Answer 2

尝试这个：

var elem = document.getElementsByClassName('el');
            for (var i = 0; i < elem.length; i++) {
                elem[i].style.color = '#aaaaaa';
            }