关于tr收缩的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Untitled Document</title>
    </head>
    <body>
        <table id="main" class="main" cellspacing="0" cellpadding="0" align="center">
            <tr id="tr1">
                <td width="100%">
                    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                </td>
            </tr>
            <tr height="0px" id="tr2">
                <td id="left">
                    BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
                </td>
            </tr>
            <tr id="tr3" onclick="if(tr2.style.display=='none'){tr2.style.display='';}else{tr2.style.display='none';}">
                <td class="horizon">
                 CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
                
                </td>
            </tr>
            <tr id="tr4">
                <td height="100%">
                 DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
                </td>
            </tr>
        </table>
    </body>
</html>

解决方案 »

  1.   


    <table id="main" class="main" cellspacing="0" cellpadding="0" align="center">  <tr id="tr1">
      <td width="100%"> <%@include file="/xzero/layout/tile/top.jsp"%> </td>
      </tr>
     
      <tr height="0px" id="tr2">
      <td  id="left" > <%@include file="/xzero/layout/tile/menu2.jsp"%> </td>
      </tr>  <tr id="tr3" style='cursor:pointer;'>
      <td height="6" class="horizon" onclick=aaa()>
      </td>
      </tr>  <tr id="tr4">
      <td  height="100%">
      <iframe src=" <%=Jsp.HOME%>" name="workspace" width="100%" height="100%" frameborder="0" scrolling="no" marginwidth="0″ marginheight="0″>
      </iframe> 
      </td>
      </tr>
    </table>
    <script>
    var blnShow=true;
    function aaa(){
      var o=document.getElementById("tr2");
      if(blnShow){o.style.display='none';blnShow=false;}
      else {o.style.display='';blnShow=true;}
    }
    </script>
      

  2.   

    display果然可以。。onclick=document.getElementById("tr2").style.display="none" 这样就隐藏掉了
      

  3.   

    <tr id='xxx'>...</tr>
    隐藏用:document.getElementById('xxx').style.display='none';
    显示用:document.getElementById('xxx').style.display='block';