javascript 控制 html元素 显示/隐藏

1。编写js函数

 <script type="text/javascript">

  function display(id){

      var traget=document.getElementById(id);
       if(traget.style.display=="none"){
               traget.style.display="";
       }else{
               traget.style.display="none";
     }
  }
 </script>

2. 要显示/隐藏的html元素加上 id 属性

<table>

   <tr id="menu" >   

      <td>控制这个tr的显示/隐藏</td>

  </tr>

</table>

3，添加按钮，链接等触发 js 函数

<input type="button" onclick="display('menu')"  value="显示/隐藏"/>

<a href="#"  onclick="display('menu')"  >显示/隐藏</a>