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 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
May 03 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
Jul 22 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
vue-router的hooks用法详解
Jun 08 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设计模式 Decorator(装饰模式)
2011/06/26 PHP
php获取百度收录、百度热词及百度快照的方法
2015/04/02 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
python新手学习可变和不可变对象
2020/06/11 Python
Python 创建TCP服务器的方法
2020/07/28 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
中科软笔试题和面试题
2014/10/07 面试题
2014庆六一活动方案
2014/03/02 职场文书
情况说明书格式范文
2014/05/06 职场文书
统计专业自荐书
2014/07/06 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
学生病假条怎么写
2015/08/17 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
python 命令行传参方法总结
2021/05/25 Python
52条SQL语句教你性能优化
2021/05/25 MySQL
Python实现对齐打印 format函数的用法
2022/04/28 Python