点击列表在控制台输出索引
闭包的使用- 点击列表项输出索引
- let 与var不同,存在块级作用域,在for循环中声明,循环之外销毁
<!DOCTYPE HTML>
<html>
<head>
<title>点击列表弹出索引</title>
<script>
window.onload=function(){
var lis=document.querySelectorAll("ul li");
for(let i=0;i<lis.length;i++){
lis[i].addEventListener('click',function(){
console.log(i);
},false);
}
};
</script>
</head>
<body>
<div class="container">
<div>
<ul id="ul" style="border: solid;">
<li>不限</li>
<li>其他闲置</li>
<li>农用物资</li>
<li>生鲜水果</li>
<li>园艺植物</li>
<li>动漫周边</li>
</ul>
</div>
</div>
</body>
</html>