<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>