• 技术文章 >web前端 >js教程

    IE8 chrome中table隔行换色解决办法_javascript技巧

    2016-05-16 18:23:32原创468
    IE8以上的版本代码,只需要CSS即可
    tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
    IE8以下的版本代码,是需要CSS与JS共同完成的:
    首先定义好两个CSS,代码如下:
    复制代码 代码如下:

    .tr1{background-color:#fff;}
    .tr2{background-color:#00ff;}

    其实写JS代码,代码如下:
    复制代码 代码如下:

    onload=function(){
      var trs=document.getElementById("tbid").getElementsByTagName("tr");//获取tbid的table中所有tr的信息
    for(var i=0;i{
        if(i%2==0)
    trs[i].className="tr1";
    else
    trs[i].className="tr2";
    }
    }

    作者:chenhuzi
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:table 隔行换色
    上一篇:一步一步制作jquery插件Tabs实现过程_jquery 下一篇:jQuery基础知识filter()和find()实例说明_jquery
    Web大前端开发直播班

    相关文章推荐

    • JavaScript详细解析之网络请求与远程资源• react如何实现hooks?必须依赖 Fiber 么?• Angular如何对请求进行拦截封装?• 怎么获取Node性能监控指标?获取方法分享• ie8是否支持es6

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网