如何使用 JavaScript 更改类的背景颜色？答案

【问题标题】：how to use JavaScript to change the background color of a class?如何使用 JavaScript 更改类的背景颜色？
【发布时间】：2014-04-21 11:56:55
【问题描述】：

我正在尝试使用 javaScript 更改名为行的类的背景颜色，下面列出了我的 javascript 和 html 代码，但它不起作用，我不确定问题是什么，任何帮助将不胜感激。

function changeColour() {
    var row = document.getElementsByClassName("row");
    row.style.backgroundColor="black";
}

下面列出了我的按钮 html 代码。

<input type="button" id="btnColour" value="Change Colour" 
onclick="changeColour();" />

【问题讨论】：

标签： javascript colors background

【解决方案1】：

getElementsByClassName 返回一个 nodeList，一个填充了匹配元素的类数组对象，您必须遍历该 nodeList 并为每个匹配元素设置样式

function changeColour() {

    var row = document.getElementsByClassName("row");

    for ( var i=0; i<row.length; i++ ) {
        row[i].style.backgroundColor = "black";
    }

}

【讨论】：