如何使用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/