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

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

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <table id="tab">
    <tr>
    <td>111111</td>
    <td>222222</td>
    </tr>
    <tr>
    <td>3333333</td>
    <td>4444444</td>
    </tr>
    <tr>
    <td>5555555</td>
    <td>6666666</td>
    </tr>
    </table>
    <script type="text/javascript">
    var color = ["#000033","#000066","#000099","#0000cc","#0000ff","#003300"];//列出可能的颜色值
    var tab = document.getElementById("tab");
    for(var i=0;i<tab.rows.length;i++)
    {
    var row = tab.rows[i];
    var len = row.cells.length;
    for(var j=0;j<len;j++)
    {
    row.cells[j].style.backgroundColor = color[i*len+j];
    }
    }
    </script>
    </body>
    </html>