<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</body>
<script>
var oLi = document.getElementsByTagName('li');
var oUl = document.getElementsByTagName('ul')[0];
for(var i = 0;i < oLi.length; i++){
oLi[i].onclick = (function(index){
return console.log(i);
// function(){
// alert(index)
// }
})(i)
}
事件委托(利用事件冒泡原理)
var oLi = document.getElementsByTagName('li');
var oUl = document.getElementsByTagName('ul')[0];
oUl.onclick = function(e){
var event = e || window.event;
console.log(event.target);//事件源oLi[i]
console.log(event.target.innerText);
}
for(var i = 0; i < oLi.length; i++){
oLi[i].onclick = function(e){
var event = e || window.event;//兼容
console.log(event.target);//事件源oLi[i]
console.log(this);//oLi[i]
alert(this.innerText);
}
}
</script>