JS初级循环

最新推荐文章于 2024-08-18 23:38:37 发布

加儿

最新推荐文章于 2024-08-18 23:38:37 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/jiajia199470/article/details/52872183

js 专栏收录该内容

19 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
li { height:30px; border-bottom:1px solid #333; }
</style>
<script>
window.onload = function (){
   var oUl = document.getElementById('list');
   var aLi = oUl.getElementsByTagName('li');
   var arr = [ '今天', '明天', '后天' ];
   var len = arr.length;
   
   /*
   aLi[0].onclick = function (){ alert(1); };
   aLi[1].onclick = function (){ alert(1); };
   aLi[2].onclick = function (){ alert(1); };
   */
   // aLi.onclick = function (){ alert(1); };
   
   for( var i=0; i<len; i++ ){
   
      aLi[i].innerHTML = arr[i];


      aLi[i].onclick = function (){
         alert(i);   i => 3
      };


   }
};
</script>
</head>

<body>

<ul id="list">
   <li></li>
   <li></li>
   <li></li>
</ul>

</body>
</html>