一段JS代码，点击旋钮显示一块区域，再点击则隐藏这块区域-JavaSript-爱易网页

一段JS代码，点击旋钮显示一块区域，再点击则隐藏这块区域

日期：2014-05-16　浏览次数：20367 次

一段JS代码，点击按钮显示一块区域，再点击则隐藏这块区域
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>

效果如下：

隐藏