how to use JavaScript to change the background color of a class?

Question

I am trying to use javaScript to change the background colour of my class which is called row, My javascript and html code is listed below but its not working and im not sure what the problem is, any help would be greatly appreciated.

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

My html code for the button is listed below.

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

adeneo · Accepted Answer · 2014-04-21 11:58:10Z

1

getElementsByClassName returns a nodeList, an array-like object filled with the matching elements, you have to iterate over that nodeList and set the style on each matching element

function changeColour() {

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

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

}

answered Apr 21, 2014 at 11:58

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to use JavaScript to change the background color of a class?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related