如何使用document.getElementsByClassName（「Class_Name」）直接更改JS中的樣式屬性

Question

我想在JavaScript中使用類名更改CSS屬性背景顏色。我的代碼如下

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

函數changeColor（）通過按鈕的onclick事件來調用。

<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/