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";
    }

}

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

1 个答案: