Manipulating style with getElementsByClassName

Question

I don\'t understand why I cannot manipulate the style of .special in my code. I\'m sure it\'s something simple, but it\'s not working.

I am an h1!<         


        

Answer 1

document.getElementsByClassName returns an array-like object. You need to reference it as such.

var x = document.getElementsByClassName("special")[0]; //Get the first element with the class name
x.style.color = "blue";