点击一个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);
}

方法二:

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>

猜你喜欢

转载自www.cnblogs.com/haohao-a/p/10960848.html