利用JavaScript的%做隔行换色的实例
程序员文章站
2022-07-06 20:02:25
如下所示:
无标题文...
如下所示:
<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的%做隔行换色的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。