Piszę trochę waniliowego JavaScript, aby stworzyć ładne menu nawigacyjne. Utknąłem na dodaniu aktywnej klasy.

Dostaję elementy według nazwy klasy NIE według identyfikatora. Poniższy kod działa, jeśli zostanie zastąpiony identyfikatorem, jednak muszę go zastosować do więcej niż jednego elementu.

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");
}

Brak odpowiedzi zawierających jQuery.