如何使用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";
    }

}