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元素添加处理程序。