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 相关文章推荐
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
js 自定义的联动下拉框
Feb 07 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
Nov 05 Javascript
快速学习jQuery插件 Cookie插件使用方法
Dec 01 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 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 MemCached高级缓存配置图文教程
2010/08/05 PHP
一个简单的网页密码登陆php代码
2012/07/17 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
Yii中render和renderPartial的区别
2014/09/03 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
Laravel 5.4向IoC容器中添加自定义类的方法示例
2017/08/15 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
js获取url中&quot;?&quot;后面的字串方法
2014/05/15 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
纯javascript实现自动发送邮件
2015/10/21 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
2017/07/26 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
python之信息加密题目详解
2019/06/26 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
python3图片文件批量重命名处理
2019/10/31 Python
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
教师找工作推荐信
2013/11/23 职场文书
《恐龙》教学反思
2014/04/27 职场文书
行为习惯主题班会
2015/08/14 职场文书