javascript - getElementById 与 getElementsByTagName

Question

基本问题。

document.getElementById("yy").onmouseover = hi;
//document.getElementsByTagName("li").onmouseover = hi;
...

在此示例中，http://jsfiddle.net/8fURz/1/为什么第一行有效，而第二行无效（当然，当它未注释时）？

我知道我可以用 jQuery 轻松做到这一点，只是想知道......

Answer 1

因为document.getElementsByTagName("li")return a NodeList，您需要将事件处理程序绑定到NodeList.

var list = document.getElementsByTagName("li");
for (var i= 0; i < list.length; i++) {
  list[i].onmouseover = hi;
}

Answer 2

因为 getElementsByTagName 返回一个DOM 元素的集合。当然，集合没有点击事件。如果您想将事件绑定到集合中的每个元素，您只需遍历集合并为集合中的每个 DOM 元素添加一个处理程序。