加載頁面後調用腳本

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

只要把你的<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> 

Answer 2

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

只需確保您希望用引號引用的ID來代替id。

Answer 3

如果你使用JQuery，你可以使用：

$(document).ready(function(){ 

.. your code 

}); 

但這樣做交替的顏色是用CSS更加簡單

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