Ich schreibe etwas Vanille-JavaScript, um ein schönes Navigationsmenü zu erstellen. Ich bin fest entschlossen, eine aktive Klasse hinzuzufügen.

Ich erhalte Elemente nach Klassennamen, NICHT nach ID. Der folgende Code funktioniert, wenn er durch id ersetzt wird. Er muss jedoch auf mehrere Elemente angewendet werden.

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

Keine Antworten, die jQuery enthalten, bitte.