getElementById与getElementsByTagName

Question

基本问题。

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

在本例中，http://jsfiddle.net/8fURz/1/为什么第一行可以工作，而第二行不能(当然，当它是未注释的时候)？

我知道我可以用jQuery很容易做到这一点，只是想知道...

Answer 1

因为document.getElementsByTagName("li")返回一个NodeList，所以您需要将事件处理程序绑定到NodeList的每个元素。

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

Answer 2

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