JavaScript 闭包 el.addEventListener 不是函数

Question

<div id="a">ONE</div>
<div id="b">TWO</div>
<div id="c">THREE</div>
var el = document.getElementsByTagName("div");

for ( var i = 0; i < el.length; i++ ) (function(){
 el.addEventListener("click",function(){
  console.log(this.id + " " + this.innerHTML);
 },false);
})(i);

给我错误“el.addEventListener 不是一个函数”，这是什么问题？

Answer 1

el 是一个 HTMLCollection ，你忘了使用索引:

el[i].addEventListener("click",function(){...};