首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

javascript 统制 html元素 显示/隐藏

2012-10-25 
javascript 控制 html元素 显示/隐藏1。编写js函数 script typetext/javascriptfunction display(id){

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>

热点排行