<table id="tab" border="1" width="700">
<tr>
<td>11111111</td>
<td>22222222</td>
<td>33333333</td>
</tr>
<tr>
<td>11111111</td>
<td>22222222</td>
<td>33333333</td>
</tr>
<tr>
<td>11111111</td>
<td>22222222</td>
<td>33333333</td>
</tr>
</table>
<button onclick="kiss()">隐藏</button>
<script language="JavaScript">
<!--
function kiss()
{
    for(var i=0;i<tab.rows.length;i++)
   {
      for(j=0;j<tab.rows[i].cells.length;j++)
  {
      tab.rows[i].cells[0].style.display = "none";   
  }
   }
}
//-->
</script>

解决方案 »

  1.   

    <table id="tab" border="1" width="700">
    <tr>
    <td>11111111</td>
    <td>22222222</td>
    <td>33333333</td>
    </tr>
    <tr>
    <td>11111111</td>
    <td>22222222</td>
    <td>33333333</td>
    </tr>
    <tr>
    <td>11111111</td>
    <td>22222222</td>
    <td>33333333</td>
    </tr>
    </table>
    <button onclick="kiss()">隐藏</button>
    <script language="JavaScript">
    <!--
    function kiss()
    {
        for(var i=0;i<tab.rows.length;i++)
       {
             tab.rows[i].cells[0].style.display = "none";   
       }
    }
    //-->
    </script>
    这样不是更好吗!
      

  2.   

    或这样已装载页面即不显示。
    <script language="JavaScript">
    <!--
    function window_onload(){
        for(var i=0;i<tab.rows.length;i++) {
             tab.rows[i].cells[0].style.display = "none";   
       }
    }
    //-->
    </script>
    <body onload="window_onload()">
    <table id=tab></table>
    </body>