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

P.S。，显然，这会改变样式，而不是样式表。

Answer 2

试试这个：

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

用javascript更改css样式表

2 个答案: