如何用Javascript设定页面中表格的样式？

document.getElementsByTagName("TABLE")[0].className="xxx"

解决方案 »

  1.   

    你可以写一段函数，test()
    function test()
    {
    document.getElementsByTagName("TABLE")[0].className="xxx"
    //把每个要设定的放到这里.....
    }
    <body onload="test()">
      

  2.   

    感谢！<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .ActionBar {
    color: #FFFFFF;
    background-color: #000000;
    }
    -->
    </style>
    <script language="JavaScript">
    function setActionStyle()
    {
    document.getElementsByTagName("TABLE")[0].className="ActionBar"
    }
    </script>
    </head><body onLoad="setActionStyle()">
    Table 1
    <table width="300" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>hello</td>
        <td>world</td>
      </tr>
    </table>
    Table 2
    <table width="300" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>hello</td>
        <td>world</td>
      </tr>
    </table>
    </body>
    </html>