如何给li动态绑定事件

最新推荐文章于 2021-11-29 17:01:28 发布

前端搬砖工1

最新推荐文章于 2021-11-29 17:01:28 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_41818075/article/details/80729898

第一种：采用自调用函数的方式，及闭包的方式。

  var ulInLis = document.getElementById("ul").getElementsByTagName("li");
        for ( var i = 0; i < ulInLis.length; i++) {
            (function() {
                var l = i;
                ulInLis[l].onclick = function() {
                    console.log(l);
                    console.log(ulInLis[l]);
                }
            })();
        }

第二种：采用this指向的方式。

var ulInLis = document.getElementById("ul").getElementsByTagName("li");
        for ( var i = 0; i < ulInLis.length; i++) {
           ulInLis[i].onclick = function() {
                console.log(this);
            }
        }

都是采用原生的方式来进行绑定的。