js获取dom下标（回头写个小案例）

最新推荐文章于 2023-06-04 16:54:30 发布

luzhongk

最新推荐文章于 2023-06-04 16:54:30 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：基础文章标签： javascript

本文链接：https://blog.youkuaiyun.com/luzhongk/article/details/71774333

基础专栏收录该内容

33 篇文章

订阅专栏

本文通过一个简单的HTML页面展示了如何使用JavaScript为页面元素添加点击事件。通过为ul元素的每一个li子元素设置点击事件，当点击不同的li时，可以在控制台输出对应的索引值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <ul id="list">
            <li>0</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </body>
    <script type="text/javascript">
        var _lis = document.getElementById("list").children;
        var _len = _lis.length;

        for(var i = 0;i < _len;i++){
//          _lis[i].onclick = (function(n){
//              return function(){
//                  console.log(n)
//              }
//          })(i)
            _lis[i].index = i;
            _lis[i].onclick = function(){
                console.log(this.index)
            }
        }
    </script>
</html>