JavaScript的%做隔行换色 利用JavaScript的%做隔行换色的实例
人气:0想了解利用JavaScript的%做隔行换色的实例的相关内容吗,在本文为您仔细讲解JavaScript的%做隔行换色的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:JavaScript的%做隔行换色,下面大家一起来学习吧。
如下所示:
<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++) { if(i%2==0) { oli[i].style.background='#F17B7D'; } else { oli[i].style.background='#EDB461'; } } </script> </body> </html>
以上这篇利用JavaScript的%做隔行换色的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容