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 相关文章推荐
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
jquery实现漂亮的二级下拉菜单代码
Aug 26 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
Vue-cli项目部署到Nginx服务器的方法
Nov 01 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 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实现的简易扫雷游戏实例
2015/07/09 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
javawscript 三级菜单的实现原理
2009/07/01 Javascript
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
2013/11/26 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
2017/10/16 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
vue element ui validate 主动触发错误提示操作
2020/09/21 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
python实现计算倒数的方法
2015/07/11 Python
python文件的md5加密方法
2016/04/06 Python
Django卸载之后重新安装的方法
2017/03/15 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
比利时家具购买网站:Home24
2019/01/03 全球购物
差生评语大全
2014/05/04 职场文书
交通文明倡议书
2014/05/16 职场文书
群众路线剖析材料范文
2014/10/09 职场文书
如何写好活动总结
2019/06/21 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS
Python编程源码报错解决方法总结经验分享
2021/10/05 Python