表格隐藏显现列控制

有问题，我想点击时隐藏紧接下面的一列，

解决方案 »

  1.   


    <script> 
    function changevis(val){ 
    var aa=document.getElementById("h"+val); 

    aa.style.display=aa.style.display=="none"?"block":"none";
    } 
    </script> 
    </head> 
    <body> 
    <table width="30%" border="1"> 
           <tr> 
          <td> <a val="1" href="JAVASCRIPT:changevis(1);">1-visible </a> </td> 
        </tr> 
      
        <tr id="h1" style="display:block;"> 
          <td>1aadd </td> 
        </tr> 
           <tr> 
          <td> <a val="1" href="JAVASCRIPT:changevis(2);">2-visible </a> </td> 
        </tr> 
        
        <tr id="h2" style="display:block;"> 
          <td>2aadd </td> 
        </tr> 
           <tr> 
          <td> <a val="1" href="JAVASCRIPT:changevis(3);">3-visible </a> </td> 
        </tr> 
        
        <tr id="h3" style="display:block;"> 
          <td>3aadd </td> 
        </tr> 
    </table>