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、明らかに、これはstylesheetではなくstyleを変更します。

Answer 2

これを試して：

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