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 相关文章推荐
dojo随手记 gird组件引用
Feb 24 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
Vuex实现数据增加和删除功能
Nov 11 Javascript
纯JS实现五子棋游戏
May 28 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
博士208HAF收音机实习报告
2021/03/02 无线电
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
php简单判断文本编码的方法
2015/07/30 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
js日期联动示例
2014/05/02 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
JavaScript代码生成PDF文件的方法
2016/02/26 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
2016/12/07 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
[00:10]神之谴戒
2019/03/06 DOTA
python爬取淘宝商品详情页数据
2018/02/23 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
英国最大的邮寄种子和植物公司:Thompson & Morgan
2017/09/21 全球购物
Servlet面试题库
2015/07/18 面试题
大学生创业感言
2014/01/25 职场文书
股东合作协议书范本
2014/04/14 职场文书
党支部换届选举方案
2014/05/08 职场文书
签约仪式策划方案
2014/06/02 职场文书
公司规章制度范本
2015/08/03 职场文书
暑假生活随笔
2015/08/15 职场文书