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

Question

我正在尝试使用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();" />

Answer 1

getElementsByClassName返回一个nodeList ，它是一个充满匹配元素的类似数组的对象，您必须遍历该nodeList并在每个匹配元素上设置样式

function changeColour() {

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

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

}