let 块级作用域 循环 

<html>
<head></head>
<body>
<ul id="ulList"></ul>
<script>
window.onload = function(){
   var ul = document.getElementById("ulList");
   for(let i = 0 ; i <= 5; i++){
      // 创建一个li对象
      var li = document.createElement("li");
       // li标签内内容设置为：Itemi
       li.appendChild(document.createTextNode("Item" + i));

       // 声明一个块级变量j，并将i赋给j

       let j = i; //深拷贝 用以使得 循环传递时 i值的变化不影响 点击事件中的 index

        // 绑定点击事件
        li.onclick = function(){
            alert("Item" + j + "is clicked.");
         };
         ul.appendChild(li);
     }
}</script>
</body>
</html>

 

posted @ 2021-01-14 12:59  new一个小洛  阅读(135)  评论(0)  编辑  收藏  举报