4. 隔行变色 · JavaScript

<body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> ## 4. 隔行变色 ~~~ <style> /* ：nth-child() -->下标从1开始 odd -- 奇数项 even -- 偶数项 */ li:nth-child(even){ color: blue; } </style> * * * * * <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <script> //让下标偶数项为红色，奇数项为绿色， var lis = document.getElementsByTagName("li")//获取类数组 for(var i = 0; i < lis.length ; i++){ if (i % 2 == 0){ lis[i].style.color = "red"; } else{ lis[i].style.color = "green" } } </script> ~~~