javascript 控制 html元素 显示/隐藏

http://hi.baidu.com/luodaijun/blog/item/b44afced7df9214f79f0552b.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>