javascript问题：一个2行2列的表格，怎么按顺序改变表格的颜色？望高手不吝赐教。

javascript问题：一个2行2列的表格，怎么按顺序改变表格的颜色？望高手不吝赐教。

解决方案 »

  1.   

    <html> <head> 
    <style type="text/css"> 
    body{ 
    font-family:"Helvetica","Arial",sans-serif; 
    background-color:#ffffff; 
    color:#000000 } 
    table{ 
    margin:auto; 
    border:1px solid #666699; } 
    caption{ 
    margin:auto; 
    padding:0.2em; 
    font-size:1.2em; 
    font-weight:bold; } 
    th{ 
    font-weight:normal; 
    font-style:italic; 
    text-align:left; 
    border:1px dotten #666699; 
    background-color:#9999cc; 
    color:#000000; } 
    tr,td{ 
    width:10em; 
    padding:0.5em; } 
    </style> 
    <title></title> 
    <script language="javascript" type="text/javascript"> 
    window.onload=function(){ 
    if(!document.getElementsByTagName) return false; 
    var tables=document.getElementsByTagName("table"); 
    for(var i=0;i<tables.length;i++){ 
    var odd=false; 
    var rows=tables[i].getElementsByTagName("tr"); for(var j=0;j<rows.length;j++){ 
    if(odd==true){ 
    rows[j].style.backgroundColor="#ffc"; 
    odd=false; }else{ 
    odd=true; 
    } 
    } 
    } 
    } 
    </script> 
    </head> <body> 
    <table> 
    <caption>Itineray</caption> 
    <tr> 
    <th>When</th> 
    <th>Where</th> 
    </tr> <tr> 
    <td>June 9th</td> 
    <td>Porland,OR</td> </tr> <tr> 
    <td>June 10th</td> 
    <td>Seattle,WA</td> </tr> <tr> 
    <td>June 12th</td> 
    <td>Sacramento,CA</td> </tr> 
    </table> 
    </body> </html> 
    看下循环控制颜色 希望对你有帮助