【JavaScript】【前端】点击列表输出索引

点击列表在控制台输出索引

闭包的使用- 点击列表项输出索引

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

猜你喜欢

转载自blog.csdn.net/qq_33291740/article/details/79507670