使用js完成隔行换色

最新推荐文章于 2021-10-07 20:18:46 发布

weixin_34234721

最新推荐文章于 2021-10-07 20:18:46 发布

阅读量206

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/kitty0107/blog/1627203

版权

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

<html>
   <head>
       <meta charset="UTF-8">
       <meta name="author" content="微普科技： http://www.wiipu.com" />
       <title>使用js完成隔行换色</title>
       <style type="text/css">
           * {
               margin: 0;
               padding: 0;
           }
           ul {
               width: 600px;
               list-style: none;
               margin: 0 auto;
           }
           ul li {
               width: 100%;
               height: 30px;
               margin-top: 5px;
           }
       </style>
   </head>
   <body>
       
       <ul>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
       </ul>
       <script type=text/javascript>
       var ul=document.getElementsByTagName("ul");
       var li=document.getElementsByTagName("li");
       for(var i=0;i<li.length;i++){
           if(i%2==0){
               li[i].style.backgroundColor="#aaa";
           }else{
               li[i].style.backgroundColor="#000";
           }
       }



       </script>
   </body>
</html>