getElementById 与 getElementsByTagName答案

【问题标题】：getElementById vs. getElementsByTagNamegetElementById 与 getElementsByTagName
【发布时间】：2012-08-27 01:42:52
【问题描述】：

基本问题。

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

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

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

【问题讨论】：

试试：jsfiddle.net/8fURz/2.getElementsByTagName()返回一个对象数组，而.getElementById()返回一个对象，所以你必须用前者选择一个特定的索引，而不是后者（因为它是单一的自然）。

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：