给ul中的li绑定事件-javascript

1.html部分代码

<ul id="ultest">
            <li>html</li>
            <li>js</li>
            <li>css</li>
</ul>

2.采用this,来给每个li传递参数i:

var li_list = document.getElementById("ultest").getElementsByTagName('li');
        for(let i=0;i<li_list.length;i++)
        {
            li_list[i].index=i;
            li_list[i].onclick=function()
            {
                alert(this.index);
            }
}

3.可以用闭包来给每个li传递参数i:

 var li_list = document.getElementById("ultest").getElementsByTagName('li');
   for(let i=0;i<li_list.length;i++)
        {
            li_list[i].index=i;
            li_list[i].onclick=(function(a){
                alert(a);
            })(i);
        }

 

 

猜你喜欢

转载自blog.csdn.net/qq_42099097/article/details/107182200