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操作二级联动实现代码
Jul 27 Javascript
jquery中使用ajax获取远程页面信息
Nov 13 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
使用node.JS中的url模块解析URL信息
Feb 06 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 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 图片文件上传实现代码
2010/12/29 PHP
php二维数组排序方法(array_multisort usort)
2013/12/25 PHP
PHP面向对象程序设计之接口用法
2014/08/20 PHP
PHP实现返回JSON和XML的类分享
2015/01/28 PHP
javascript 图片上一张下一张链接效果代码
2010/03/12 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
js面向对象的写法
2016/02/19 Javascript
jQuery自定义组件(导入组件)
2016/11/08 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
2017/02/08 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
Django 使用Ajax进行前后台交互的示例讲解
2018/05/28 Python
详解Python学习之安装pandas
2019/04/16 Python
Python中输入和输出(打印)数据实例方法
2019/10/13 Python
python离线安装外部依赖包的实现
2020/02/13 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
Python常用模块函数代码汇总解析
2020/08/31 Python
python 写一个文件分发小程序
2020/12/05 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
印尼网上商店:Alfacart.com
2019/03/11 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
计算机大学生的自我评价
2013/10/15 职场文书
超市开店计划书
2014/04/26 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS