绑定列表循环事件

<head>  
  <title>Untitled Page</title>  
</head>  
<body>  
<ul id="list">  
<li>第1条记录</li>  
<li>第2条记录</li>  
<li>第3条记录</li>  
<li>第4条记录</li>  
<li>第5条记录</li>  
<li>第6条记录</li>  
</ul>  
<script type="text/javascript">  
  var list_obj = document.getElementById("list").getElementsByTagName("li"); //获取list下面的所有li的对象数组  
  for (var i = 0; i <= list_obj.length; i++) {  
  list_obj[i].onmousemove = function() {  
  this.style.backgroundColor = "#cdcdcd";  
  }  
  list_obj[i].onmouseout = function() {  
  this.style.backgroundColor = "#FFFFFF";  
  }  
  list_obj[i].onclick = new function(n) {  
  return function(){alert("这是第" +(n+1)+"条记录");}  
  }(i);  
   
  }  
</script>  
</body>

posted on 2008-12-08 14:30  asum  阅读(145)  评论(0)    收藏  举报

导航