小编vin*_*ieo的帖子

我正在编写一些vanilla JavaScript来创建一个很好的导航菜单.我坚持要添加一个活跃的类.

我按类名获取元素而不是id.如果用id替换下面的代码,但是,我需要它应用于多个元素.

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

请不要包含jQuery的答案.

我可以在检查器中看到body标签不断闪烁。我认为这是在操作dom时发生的，因此当首次加载页面时，所有元素都会闪烁一次紫色，然后稳定下来。由于某种原因，我的身体标签仍然闪烁紫色，表示仍在更新中。

有任何想法吗？