如何用javaScript控制html中的table中的某一个td进行显示还是不显示，能否给一个代码，谢谢了

<td id="td1">aa</td>document.all.td1.style.display="none";

解决方案 »

  1.   

    是否要占位?占位.<table>
      <tr>
        <td>
          <input type="radio" name="radiobutton" value="0" onclick="ShowTr()">
          第一行
          <input type="radio" name="radiobutton" value="1" onclick="ShowTr()">
          第二行
          <input type="radio" name="radiobutton" value="2" onclick="ShowTr()">
          第三行
         </td>
        </tr>
      <tr id="tr1" style="visibility:hidden">
        <td>这是第一行</td>
        </tr>
      <tr id="tr1" style="visibility:hidden">
        <td>这是第二行</td>
        </tr>
      <tr id="tr1" style="visibility:hidden">
        <td>这是第三行</td>
        </tr>
    </table>
    <script>
    function ShowTr()
    {
        r = document.all.radiobutton;
        for(var i=0;i<r.length;i++)
        {
            if(r[i].checked)
            {
                tr1[i].style.visibility="visible";
                continue;
            }
            tr1[i].style.visibility="hidden";
        }
    }
    </script>
    不占位<table>
      <tr>
        <td>
          <input type="radio" name="radiobutton" value="0" onclick="ShowTr()">
          第一行
          <input type="radio" name="radiobutton" value="1" onclick="ShowTr()">
          第二行
          <input type="radio" name="radiobutton" value="2" onclick="ShowTr()">
          第三行</td>
        </tr>
      <tr id="tr1" style="display:none">
        <td>这是第一行</td>
        </tr>
      <tr id="tr1" style="display:none">
        <td>这是第二行</td>
        </tr>
      <tr id="tr1" style="display:none">
        <td>这是第三行</td>
        </tr>
    </table>
    <script>
    function ShowTr()
    {
        r = document.all.radiobutton;
        for(var i=0;i<r.length;i++)
        {
            if(r[i].checked)
            {
                tr1[i].style.display="block";
                continue;
            }
            tr1[i].style.display="none";
        }
    }
    </script>