<html>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>
<body>
<div id="o1">
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
</div>
<br>
<div id="o2">
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
</div>
</body>
<script>
(function(){
var lis = document.getElementById("o1");
for(var i=0;i<lis.children.length;i++){
lis.children[i].οnclick=function(){
alert(i);
}
}
})();
(function(){
var lis = document.getElementById("o2");
for(var i=0;i<lis.children.length;i++){
lis.children[i].οnclick=function(x){
return function(){alert(x)}
}(i);
}
})();
</script>
</html>