Javascript事件，它们一次只能处理两个元素吗？

Question

我有一个菜单栏，里面有6个按钮，如下所示：

<a href = "#"><button class = "favnav"></button></a>

我的JavaScript代码如下所示：

window.onload = function() {
    var x =
        document.getElementsByClassName("favnav");

    var a = document.getElementsByTagName("a");

    for (var i = 0; i < x.length; ++i)

    {
        x.item(i).onmouseover = function(obj) {
            obj.target.style.backgroundColor = "rgb(0,106,106)";

            a.item(i).style.color = "rgb(0,128,128)";
        }
    }
}

问题在于，我可以在悬停时看到按钮元素中的效果，但是元素文本颜色文本颜色没有变化。怎么了？请忽略任何语法错误，我手动输入代码