document.getElementsByClassName（ "Class_Name"）を使用してJS内のスタイルプロパティを直接変更するには

Question

JavaScriptのクラス名を使用してCSSプロパティの背景色を変更したいと思います。私のコードは以下の通りです

function changeColor(){ 
    document.getElementsByClassName("flex-items").style.backgroundColor = "blue"; 
} 

ボタンのonclickイベントでchangeColor（）関数が呼び出されました。

<button onclick="changeColor()">Change Color</button> 

この問題を解決する方法はありますか？

[そこに多くのdivボックスは、クラス名「フレックス・アイテム」であると私はシングルクリックですべての背景色を変更するに注意してください。]

Answer 1

だけ配列とループを通じにそれらを押してください。

window.changeBG = function() { 
    var items = document.getElementsByClassName('item'); 
    for(var i in items) items[i].style.backgroundColor = 'red'; 
} 

https://jsfiddle.net/gugalondon/69syLdg1/