javascript - 如何获取 ElementsByTagName 然后在悬停选定标签时使用 onmouseover？

Question

抱歉，我无法让这个逻辑起作用，我想选择所有 <a>页面上的标记，然后在这些标记之一悬停时注销，谁能解释我哪里出错了？

JS

var links = document.getElementsByTagName('a');

links.onmouseover = function() {
    console.log('hovered');
};

fiddle http://jsfiddle.net/AK8N8/

//切换到 jQuery 我可以做到这一点，但想知道 JS 版本

var links = $('a');

links.on('mouseover', function() {
    console.log('hovered');
});

Answer 1

您必须向每个元素添加事件，而不是纯 JS 中的 COLLECTION。 jQuery 在后台执行此操作。所以:

for(var i=0; i<links.length; i++) {
   // ... links[i].addEventListener()
}