javascript 隔行换色函数代码

 更新时间:2010年10月24日 18:28:54   作者:  
很多朋友需要隔行换色,这个可以不用静态的输出,用js即可实现隔行换色效果。
先定义两个关于背景色的样式
tag为id对象
c1为样式1
c2为样式2
复制代码 代码如下:

<script>
function changeRowsBg(tag,c1,c2) {
    var i = 0;
    var obj_tag = document.getElementsByTagName(tag);
     for(i = 0;i < obj_tag.length ;i++){
         (i%2 == 0)? obj_tag(i).className = c1 : obj_tag(i).className = c2 ;
     }
}
</script>

相关文章

  • Javascript实例项目放大镜特效的实现流程

    Javascript实例项目放大镜特效的实现流程

    商城网站包括APP端中把鼠标光标移动到预览图上就会看到这部分商品图片放大了,这就是JavaScript实现的放大镜特效,今天我们也来实现一波
    2021-11-11
  • javascript模块化是什么及其优缺点介绍

    javascript模块化是什么及其优缺点介绍

    模块化是一种将系统分离成独立功能部分的方法,可将系统分割成独立的功能部分,严格定义模块接口、模块间具有透明性
    2013-09-09
  • javascript 基础篇4 window对象,DOM

    javascript 基础篇4 window对象,DOM

    window这个对象我们之前也稍微接触过了,其实就是对窗体进行操作,利用这个对象我们可以实现很多的操作,比如窗口移动啊,设置窗口大小啊等等
    2012-03-03
  • JavaScript中使用自然对数ln的方法

    JavaScript中使用自然对数ln的方法

    这篇文章主要介绍了JavaScript中使用自然对数ln的方法,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JS入门代码集合

    JS入门代码集合

    在闪吧看见了一篇js教程,感觉不错 适合阅读范围:对JavaScript一无所知~离精通只差一步之遥的人
    2008-05-05
  • Js基础学习资料

    Js基础学习资料

    今天学习了哈很简单的脚本语言----JavaScript,做了简单的笔记。放在这里吧,方便翻出来看看。
    2010-11-11
  • JavaScript中使用concat()方法拼接字符串的教程

    JavaScript中使用concat()方法拼接字符串的教程

    这篇文章主要介绍了JavaScript中使用concat()方法拼接字符串的教程,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JavaScript字符集编码与解码详谈

    JavaScript字符集编码与解码详谈

    本文给大家详细讲解了JavaScript中的字符集,以及字符集的编码与解码的相关知识,非常的细致,有需要的小伙伴可以参考下
    2017-02-02
  • javascript中join方法实例讲解

    javascript中join方法实例讲解

    在本篇内容里小编给大家分享了关于javascript中join方法实例内容,需要的朋友们学习参考下。
    2019-02-02
  • JS 数组sort方法的升序为什么是a-b你知道吗

    JS 数组sort方法的升序为什么是a-b你知道吗

    这篇文章主要为大家详细介绍了JS 数组sort方法为什么升序是a-b,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02

最新评论