点击li,输出对应li的下标

 <ul>
        <li>aaaa</li> <br>
        <li>bbbb</li> <br>
        <li>cccc</li> <br>
        <li>dddd</li> <br>
        <li>eeee</li> <br>
        <li>ffffffff</li> <br>
        <li>gggg</li> <br>
    </ul>

    <script>
        var obj = document.getElementsByTagName('li');
        for (var i = 0; i < obj.length; i++) {
            obj[i].id = i;
            obj[i].onclick = function () {
                console.log(this.id);
            }
        }
    </script>

 

 

 

 

posted on 2020-10-15 09:55  申文静  阅读(147)  评论(0编辑  收藏  举报

导航