javascript - Trying to get element by className doesn't seem to be working

Question

Trying to inject a dynamic year into HTML code.

Works fine with getElementById but getElementsByClassName doesn't seem to be working.

Here is my code...

HTML

<p>this year is <span class="year"></span></p>

JAVASCRIPT

document.getElementsByClassName("year").innerHTML = new Date().getFullYear();

Interested to see what I am doing wrong.

Answer 1

You get an array of elements with this method. To access the first element write this:

document.getElementsByClassName("year")[0].innerHTML = new Date().getFullYear();