利用JavaScript的%做隔行换色

2018-06-24 00:53:53来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    li {
        list-style-type: none;
        width: 300px;
        height: 30px;
    }
</style>
</head>

<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script type="text/javascript">
    var oli=document.getElementsByTagName('li');
    for(var i=0;i<oli.length;i++) //i++后面不要加分号
        {
            if(i%2==0)
                {
                    oli[i].style.background='#F17B7D';
                }
            else
                {
                    oli[i].style.background='#EDB461';
                }
        }
</script>
</body>
</html>

查看原文

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript数组的操作

下一篇:js实现元素水平垂直居中