利用JavaScript的%做隔行换色的实例

2024-05-06 16:41:07

字体：大中小

来源：转载

供稿：网友

如下所示：

<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的%做隔行换色的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持VeVb武林网。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：Bootstrap modal只加载一次数据的解决办法(推荐)

下一篇：微信小程序开发wx.request实现后台数据交互功能分析