读书人

javascript 统制 html元素 显示/隐藏

发布时间: 2012-10-25 10:58:57 作者: rapoo

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>

读书人网 >CSS

热点推荐