Estou escrevendo um pouco de JavaScript para criar um bom menu de navegação. Eu estou preso em adicionar uma classe ativa.

Eu estou recebendo elementos por nome de classe não por id. O código abaixo funciona se substituído com id, no entanto, eu preciso aplicar para mais de um 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");
}

Nenhuma resposta contendo jQuery por favor.