JavaScript实现li隔行变色 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function ()
        {
            var aLi=document.getElementsByTagName('li');

            for(var i=0;i<aLi.length;i++)
            {
                //i 0 1 2 3 4 5 6....
                if(i%2==0)
                {
                    //0 2 4 6 8 10
                    aLi[i].style.background='#CCC';
                }
                else
                {
                    //1 3 5 7 9
                    aLi[i].style.background='';
                }
            }
        };
    </script>
</head>
<body>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
</body>
</html>

 

posted @ 2016-10-28 16:40  缘琪梦  阅读(3249)  评论(0)  编辑  收藏  举报