Estoy escribiendo algunos JavaScript de vainilla para crear un menú de navegación agradable. Estoy atascado en agregar una clase activa.

Estoy obteniendo elementos por nombre de clase NO por id. El código siguiente funciona si se sustituye con ID, sin embargo, lo necesito para aplicar a más de un elemento.

HTML

<img class="navButton" id="topArrow" src="images/arrows/top.png" />
<img class="navButton" id="rightArrow" src="images/arrows/right.png" />

JS

var button = document.getElementsByClassName("navButton");

button.onmouseover = function() {
    button.setAttribute("class", "active");
    button.setAttribute("src", "images/arrows/top_o.png");
}

No hay respuestas que contengan jQuery por favor.