javascript - 同じクラスのすべての要素を取得する

Question

私はこれを知っています：

document.getElementsByClassName('class-1')[0]. 

<div>指定クラスを持つ最初のものを選択します。

for()を使用すると、の配列全体を通過できると思い<div>ます。

誰かがその配列を作成する方法を説明できますか？

私はプレーンなJを好みます。

Answer 1

メソッドgetElementsByClassName()は、特定のクラス名を持つDOM要素のセットを返します。返されたノードのリストを使用する方法の標準的な例を次に示します。

var elements = document.getElementsByClassName("class-1");
for (var i = 0, len = elements.length; i < len; i++) {
    // elements[i].style ...
}