js取模(求余数)隔行变色


Posted in Javascript onMay 15, 2014
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js取模隔行变色</title>
<script type="text/javascript">
window.onload=function()
{
 var oUl=document.getElementById('ul1');
 var aLi=oUl.getElementsByTagName('li'); for(var i=0; i< aLi .length; i++)
 {
  if(i%2==0)  //取模 求余数
  {
   aLi[i].style.background='red';
  }
 }
}
</script>
</script></head>
<body>
<ul id="ul1">
 <li>webtall</li>
    <li>webtall</li>
    <li>webtall</li>
    <li>webtall</li>
    <li>webtall</li>
</ul>
</body>
</html>
Javascript 相关文章推荐
最短的IE判断代码
Mar 13 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
Jan 19 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
Mar 09 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
JS实现无缝循环marquee滚动效果
May 22 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
Angular(5.2-&gt;6.1)升级小结
Dec 27 Javascript
el-form 多层级表单的实现示例
Sep 10 Javascript
如何在 Vue 表单中处理图片
Jan 26 Vue.js
JS案例分享之金额小写转大写
May 15 #Javascript
自写的jQuery异步加载数据添加事件
May 15 #Javascript
js子页面获取父页面数据示例
May 15 #Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 #Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 #Javascript
javascript常用的正则表达式实例
May 15 #Javascript
js生成缩略图后上传并利用canvas重绘
May 15 #Javascript
You might like
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
php 常用算法和时间复杂度
2013/07/01 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
JS实现留言板功能
2017/06/17 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
python调用xlsxwriter创建xlsx的方法
2018/05/03 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python 多进程队列数据处理详解
2019/12/23 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
大学生心理活动总结
2014/07/04 职场文书
兽医医药专业求职信
2014/07/27 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
检讨书怎么写
2015/01/23 职场文书
大学毕业生个人总结
2015/02/28 职场文书
车间主任岗位职责范本
2015/04/08 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
python实现会员管理系统
2022/03/18 Python