■■请教：如何控制TABLE中的某列数据隐藏和显示，请看例子：■■

<TD id=td1>审核</TD><input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden'">

解决方案 »

  1.   

    <TABLE>
    <TR>
      <TD>姓名</TD>
    <TD id=td1>审核</TD>
    </TR>
    <TR>
      <TD>李明</TD>
      <TD>是</TD>
    </TR>
    </TABLE>
    <input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden'"  value="显示或隐藏<审核>">
      

  2.   

    ■■ shyslysky(飞天) ■■
    <TABLE border=1>
    <TR>
      <TD>姓名</TD>
    <TD id=td1>审核</TD>
    </TR>
    <TR>
      <TD>李明</TD>
      <TD id=td11>是</TD>
    </TR>
    </TABLE>
    <input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden';td11.style.visibility=td11.style.visibility=='hidden'?'visible':'hidden'"  value="显示或隐藏<审核>">
    我改了一下，但是隐藏了这一列，表格线仍然显示出来了，我要求将这列和表格线完全隐藏啊
      

  3.   

    <TABLE id =tb1 height="64" border=1>
    <TR>
    <TD>姓名</TD>
    <TD id="td1" >审核&nbsp;&nbsp;&nbsp;&nbsp;</TD>
    </TR>
    <TR>
    <TD>李明</TD>
    <TD>是</TD>
    </TR>
    </TABLE>
    <input type="button" onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden';tb1.border=td1.style.visibility=='hidden'?0 :1;" value="显示或隐藏<审核>">
      

  4.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="JavaScript">
    function hiddenRow(row)
    {
    tab1.rows[row].style.display="none"
    }
    function hiddenCol(col)
    {
    for(i=0;i<tab1.rows.length;i++)
    {
    tab1.rows[i].cells[col].style.display="none"
    }
    }
    function showRow(row)
    {
    tab1.rows[row].style.display=""
    }
    function showCol(col)
    {
    for(i=0;i<tab1.rows.length;i++)
    {
    tab1.rows[i].cells[col].style.display=""
    }
    }
    </script>
    </head><body>
    <table width="301" border="1" cellpadding="5" cellspacing="0" id="tab1">
      <tr>
        <td width="47">1</td>
        <td width="47">2</td>
        <td width="47">3</td>
        <td width="47">4</td>
        <td width="51">5</td>
      </tr>
      <tr>
        <td>2</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>3</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="29">4</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>5</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <p> 
      <input type="button" name="Button" value="隐藏第2行" onClick="hiddenRow(1)">
      <input type="button" name="Submit2" value="隐藏第2列" onClick="hiddenCol(1)">
      <input type="submit" name="Submit" value="显示第2行" onClick="showRow(1)">
      <input type="submit" name="Submit3" value="显示第2列" onClick="showCol(1)">
    </p>
    </body>
    </html>
      

  5.   

    用不着这么麻烦的呀, 用用HTML代码里的 colgroup 和 col 标签吧.<table border=1 width=200>
      <colgroup>
        <col id=mm>
        <col>
      </colgroup>
    <TR>
      <TD>姓名</TD>
      <TD>审核</TD>
    </TR>
    <TR>
      <TD>李明</TD>
      <TD>是</TD>
    </TR>
    </TABLE><input type=button value=隐藏与显示某一列
     onclick="mm.style.display=mm.style.display=='none'?'':'none'">
      

  6.   

    function hidden(obj) {
      obj.style.display = "none";
    }function show(obj) {
      obj.style.display = "";
    }
      

  7.   

    <table border=1 width=200>
      <colgroup>
        <col id=col1>
        <col id=col2>
      </colgroup>
    <TR>
      <TD>姓名</TD>
      <TD>审核</TD>
    </TR>
    <TR>
      <TD>李明</TD>
      <TD>是</TD>
    </TR>
    </TABLE><input type=button value=隐藏与显示某一列
     onclick="col2.style.display=col2.style.display=='none'?'':'none'">你先把每个 col 都赋上一个ID, 然后你再想隐藏哪一个就隐藏哪一个