Question

我有一个从几个jsp页面填充的表。我想在页面加载后交替使用表格<tr>。

我必须调用这个脚本：

function alternate(id){ 
    var table = document.getElementById(id);   
    var rows = table.getElementsByTagName("tr");   
    for(i = 0; i < rows.length; i++){  
        if(i % 2 == 0){ 
            rows[i].style.backgroundColor = "#84939a"; 
          }else{ 
            rows[i].style.backgroundColor = "#FFFFFF";
          }      
    }
    }

我该怎么做？提前致谢

Answer 1

如果您使用的是JQuery，可以使用：

$(document).ready(function(){

.. your code

});

但使用css

做交替颜色要简单得多

tr:nth-child(odd)       { background-color:#84939a; }
tr:nth-child(even)      { background-color:#FFFFFF; }

Answer 2

document.onload = function() {alternate(id)};

只需确保将id替换为您想要用引号包装的ID。

Answer 3

只需将<script>放在结束</body>标记之前，然后调用它：

<script>
function alternate(id){ 
var table = document.getElementById(id);   
var rows = table.getElementsByTagName("tr");   
for(i = 0; i < rows.length; i++){  
    if(i % 2 == 0){ 
        rows[i].style.backgroundColor = "#84939a"; 
      }else{ 
        rows[i].style.backgroundColor = "#FFFFFF";
      }      
}
}
alternate();
</script>

加载页面后调用脚本

3 个答案: