利用闭包实现点击li输出对应索引

最新推荐文章于 2022-10-20 19:29:19 发布

Anana13

最新推荐文章于 2022-10-20 19:29:19 发布

阅读量626

点赞数

文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/Anana13/article/details/108126064

版权

本文通过一个具体的示例，展示了如何使用JavaScript操作DOM元素，包括选取元素、为元素添加事件监听器，并在点击事件中输出元素的索引，是前端开发者理解和掌握DOM操作的良好资源。

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

<body>
  <ul class="nav">
    <li>javaScript</li>
    <li>C语言</li>
    <li>Java</li>
    <li>Vue</li>
  </ul>
  <script>
    var lis = document.querySelector('.nav').querySelectorAll('li')
    for (let i = 0; i < lis.length; i++) {
      (function (i) {
        lis[i].onclick = function () {
          console.log(i)
        }
      })(i)
    }
  </script>
</body>