JavaScript实现li隔行变色

本文转载自查看原文 2016-10-28 16:40 2878 JavaScript

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 关于table的td和ul元素li隔行变色的功能实现 js实现隔行变色 javascript小实例，实现99乘法表及隔行变色 JS实现表格隔行变色 JS实现隔行变色，鼠标移入高亮 jq实现超级简单的隔行变色 jquery实现html表格隔行变色 Vue实现点击li变色 elementUI树形控件实现隔行变色 vue实现选中li变色--小技巧