`

双色table的解决方案

FirefoxIEJavaScript浏览器J# 
阅读更多

在IE浏览器下直接用css就可解决：

.mytable tr{background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}

 

而在firefox下，则不会生效，因为sectionRowIndex只在IE下有效。

另外有一个使用javascript的解决方案：

（1）javascript代码如下

function doblecolor_firefox() {
if (window.XMLHttpRequest) {//这句的意思是在浏览器为firefox时，执行里面的代码
   var tables = document.getElementsByTagName("table");
   for (var i = 0; i < tables.length; i++) {
    var one = tables[i];
    if (one.className == "mytable") {
     var alltr = one.getElementsByTagName("tr");
     for(var j=0;j<alltr.length;j++){
       var onetr = alltr[j];
       if(j%2==0){
          onetr.className = "onetr_0";//注：这个名为onetr_0的class须在class文件中撰写
       }else{
         onetr.className = "onetr_1";
       }
     }
    }
   }
}
}

（2）在body标签中调用这个函数即可：

<body onload="doblecolor_firefox();">

分享到：
| 即点即现的实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery快速入门

    - **解决方案**：jQuery提供了一个名为`.ready()`的方法，可以在DOM加载完成后立即执行代码，无需等待所有资源完全加载。 - 示例代码： ```javascript $(document).ready(function(){ // 在这里编写要执行的...

    15天学会jQuery

    **jQuery解决方案** - 利用jQuery的强大功能，可以仅用几行代码实现双色表格效果。 - 示例代码: ```html &lt;table id="exampleTable"&gt; &lt;tr&gt;&lt;td&gt;Row 1&lt;/td&gt;&lt;/td&gt; &lt;tr&gt;&lt;td&gt;Row 2&lt;/td&gt;&lt;/td&gt; &lt;tr&gt;&lt;td&gt;Row 3&lt;/td&gt;&lt;/td...

    最新jQuery学习资料

    - **跨浏览器兼容性**：jQuery内置了许多兼容性的解决方案，帮助开发者避免在不同浏览器间调试代码的问题。 - **丰富的插件生态系统**：由于jQuery的广泛使用，社区贡献了大量的插件，覆盖了从表单验证到图像滑块等...

    15天学会jquery, jquery 教程

    ### 15天学会jQuery ——...无论是加载页面的速度优化，还是复杂的DOM操作和样式调整，jQuery都提供了一种直观且易于使用的解决方案。随着学习的深入，你将能更充分地利用jQuery的强大功能，为用户提供更好的用户体验。

    15天学会jquery(完整版)

    - **广泛的社区支持**：jQuery拥有庞大的开发者社区，这意味着丰富的资源和解决方案。 - **强大的功能**：无论是DOM操作、事件处理还是Ajax通信，jQuery都提供了强大且灵活的功能。 - **浏览器兼容性**：jQuery内置...

    15天学会Jquery

    这意味着遇到问题时，可以迅速找到解决方案。 - **兼容性**：JQuery具有良好的浏览器兼容性，可以在不同的浏览器环境下稳定运行，降低了跨浏览器测试的复杂度。 **When（何时使用）** - **小规模项目或特定功能**...

    Jquery初学者下载资源

    - **解决方案**：使用jQuery的`$(document).ready()`可以在DOM加载完成后立即执行脚本，从而提高页面响应速度。 ##### 5.2 双色表格制作 - **目的**：通过简单的代码实现交替颜色的表格行，提升用户体验。 - **实现...

    15天学会jquery

    - **解决方案**：jQuery提供了一个`$(document).ready()`函数，该函数会在DOM文档加载完成后立即执行，但不会等待图像或样式表文件的加载。 - **代码示例**： ```javascript $(document).ready(function(){ // 在...

    15天学会jQuery 初学

    - **解决方案**：jQuery提供了一个名为`$(document).ready()`的函数，可以在文档结构加载完成后立即执行，无需等待所有资源加载完毕。这种方法比传统的`window.onload()`更为高效。 ```javascript $(document)....

    15天学会jquery(完整版).pdf

    4. **社区支持**：jQuery拥有活跃的开发者社区，提供了丰富的学习资源和解决方案，新手和专家都能从中受益。 #### 三、实战案例分析 **知识点实例**： - **使用`$(document).ready()`进行DOM操作**：此函数确保在...

    Graham-Knuth-Patashnik - Concrete Mathematics - Exams and answers-1988-1_989.pdf

    ### 知识点一：双色二项式和（Colored Binomial Sum） #### 定义与证明 在文档中提到的第一个问题是关于一种特殊的二项式和，即双色二...这些内容不仅展示了组合数学中丰富的理论框架，也为实际问题提供了解决方案。

Magicbox
Global site tag (gtag.js) - Google Analytics