点击每一项alert出对应的索引号

最新推荐文章于 2022-11-09 11:34:45 发布

weixin_34148456

最新推荐文章于 2022-11-09 11:34:45 发布

阅读量110

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/2879089/blog/730739

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>点击每一项alert出对应的索引号</title>
</head>
<body>
<ul id="test">
    <li>这是第一条</li>
    <li>这是第二条</li>
    <li>这是第三条</li>
</ul>
</body>
<script type="text/javascript">
    /**
     *原理，用不同的方法记录每次循环的i的值
     * */
    window.οnlοad=function(){
        var oUl=document.getElementById("test");
       var oLi=oUl.getElementsByTagName("li");
        /*start one+++++++++用闭包的方法实现*/
        for(var i=0;i<oLi.length;i++){
            (function(i){
                oLi[i].οnclick=function(){
                    alert(i);
                    console.log(i);
                }
            }(i));
        }
        /*end one*/
        /*start two+++++++++++用事件委托的方法实现  此方法在chrome浏览器下使用，没写兼容其他浏览器的事件*/
//        oUl.addEventListener("click",function(e){
//            for(var i=0;i<oLi.length;i++){
//                oLi[i].index = i;//索引号
//            }
//            alert(e.target.index);
//        },false);
        /*end two*/
    }
</script>
</html>

转载于:https://my.oschina.net/u/2879089/blog/730739