【美图】有如下列表的DOM结构，需要在点击li时获取对应的innerHTML

要求：

不能修改DOM

使用原生javascript

考虑JS性能

<div>
    <li>内容</li>
    <li>内容</li>
    ...（9999个<li>）
    <li>内容</li>
    <li>内容</li>
</div>

方法一：循环：闭包

var li=document.getElementsByTagName("li");
for(var i=0;i<li.length;i++){
	li[i].οnclick=(function(i){
		 return function(){
		      alert(i);
		  };
	 })(i);
}

方法二：事件代理

var ul=document.getElementsByTagName("ul")[0];
ul.οnclick=function(e){
	console.log(e.target.innerHTML);
}