使用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，显然，这会更改样式 ，而不是样式表 。

Answer 2

尝试这个：

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