关于Table.rows 在JS里的用法

<html> 
<head> 
<title> tb </title> 
</head> <body> 
<table   width= "500 "   border= "1 "   id= "tb "> 
    <tr> 
        <td> head </td> 
        <td> head </td> 
        <td> head </td> 
    </tr> 
    <tr> 
        <td> tbody1 </td> 
        <td> tbody1 </td> 
        <td> tbody1 </td> 
    </tr> 
  </table> 
</body> 
</html> 如何让一二行背景变成不一样的颜色？

解决方案 »

  1.   


    <html> 
    <head> 
    <title> tb </title> 
    <script>
    window.onload = function(){
    var tbl = document.getElementById("tb");
    for(var i = 0; i < tbl.rows.length; i++){
    if(i % 2 == 0) tbl.rows[i].style.backgroundColor = "#FF0000";
    else tbl.rows[i].style.backgroundColor = "#FFFF00";
    }
    }
    </script>
    </head> <body> 
    <table width="500"  border= "1" id= "tb"> 
        <tr> 
            <td> head </td> 
            <td> head </td> 
            <td> head </td> 
        </tr> 
        <tr> 
            <td> tbody1 </td> 
            <td> tbody1 </td> 
            <td> tbody1 </td> 
        </tr> 
      </table> 
    </body> 
    </html>