用js实现每个li元素的click事件，输出他们的次序

最新推荐文章于 2023-10-26 14:03:34 发布

weixin_33980459

最新推荐文章于 2023-10-26 14:03:34 发布

阅读量1k

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/korabear/blog/1784718

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>onclick</title>
   <style type="text/css">
       * {
           padding: 0;
           margin: 0;
       }

       ul {
           list-style:none;
       }

// css3选择器

       li:nth-of-type(2n) {
           background-color:green;
       }

       li:nth-of-type(2n+1) {
           background-color: red;
       }
   </style>

</head>
<body>
   <ul>
       <li>a</li>
       <li>a</li>
       <li>a</li>
       <li>a</li>
   </ul>
       <script type="text/javascript">
       function test() {
           var liCollection = document.getElementsByTagName("li"); // li数组
               for (var i = 0;i< liCollection.length;i++) {

                  // 用闭包实现，否则返回的值是同一个值
                   (function(j){
                       liCollection[j].οnclick= function () {
                       console.log(j);
                       }
                   }(i))
           }
       }
       test();
   </script>
</body>
</html>