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刪除。

猜您在找 javascript小實例，實現99乘法表及隔行變色 jquery實現html表格隔行變色 Vue實現點擊li變色 jQuery系列（一）：如何使用jQuery實現隔行變色效果 jsp頁面中對表格實現隔行變色方法 HTML系列：js和css多種方式實現隔行變色 WPF datagrid 如何隔行變色用JavaScript實現鼠標經過一行變色的功能簡單的css js控制table隔行變色 js控制表格隔行變色