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") 返回一个 NodeList，您需要将事件处理程序绑定(bind)到 NodeList 的每个元素。

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