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 相关文章推荐
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
Ext GridPanel加载完数据后进行操作示例代码
Jun 17 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
javascript设计模式之中介者模式学习笔记
Feb 15 Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
js滚轮事件 js自定义滚动条的实现
Jan 18 Javascript
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
PHP 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
js window.onload 加载多个函数的方法
2009/11/02 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
2010/04/01 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
2019/05/31 Javascript
javascript实现日历效果
2019/06/17 Javascript
layui 弹出层回调获取弹出层数据的例子
2019/09/02 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
python实现各进制转换的总结大全
2017/06/18 Python
python使用KNN算法手写体识别
2018/02/01 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
小摄影师教学反思
2014/04/27 职场文书
团员个人年度总结
2015/02/26 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
2019毕业论文致谢词
2019/06/24 职场文书
公务员的复习计划书,请收下!
2019/07/15 职场文书
Python上下文管理器Content Manager
2021/06/26 Python