点击一个Ul里面的5个li，分别弹出他们的序号

weixin_30433075

于 2019-06-01 20:32:00 发布

阅读量266

点赞数

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/haohao-a/p/10960848.html

版权

方法一：

var oLi = document.querySelector("li");
for(var i=0; i<oLis.length; i++){
    oLis[i].onclick = (function(j){
        return function(){
            alert(j);
        }
    })(i);
}

方法二：

var oLi = document.querySelector("li")；
for(var i=0; i<oLi.length; i++){
    (function(j){
        oLi[j].onclick = function(){
            alert(j);
        };
    })(i);
}

方法三：

var oLi = document.getElementsByTagName('li');
    function func(obj,i){
        obj.onclick = function(){
            alert (i);
        }
    }
    for(var i = 0; i<oLi.length; i++){
        func(oLi[i], i);
    }

方法四：

var oLi = document.getElementsByTagName('li');
for(var i=0; i<oLi.length; i++){
    oLi[i].setAttribute("onclick", "alert("+i+");");
}

方法五：

for(var i=0; i<oLi.length; i++){
    oLi[i].index = i;
    oLi[i].onclick = function(){
        alert(this.index);
    }
}

方法六：

<body>
    <input type="button" value="按钮1">
    <input type="button" value="按钮2">
    <input type="button" value="按钮3">
    <script type="text/javascript">
        var btns = document.getElementsByTagName("input");
        for (let i = 0; i < 3; i++) {
            btns[i].onclick = function () {
                console.log("我是第" + (i) + "个按钮");
            };
        }
    </script>
</body>

转载于:https://www.cnblogs.com/haohao-a/p/10960848.html

weixin_30433075

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点击一个Ul里面的5个li，分别弹出他们的序号

方法一：var oLi = document.querySelector("li");for(var i=0; i<oLis.length; i++){ oLis[i].onclick = (function(j){ return function(){ alert(j); } })(i);}...
复制链接

扫一扫