javascript控制层的显示与隐藏的代码
发布时间：2014-07-20 编辑：jiaochengji.com
javascript控制层的显示与隐藏的代码
工作中使用的一段代码，用来控制层的显示与隐藏，在做复杂的调查表单时经常用到。
代码如下：
代码如下：
复制代码 代码如下:
<script>
function fnSwitch(id){
//可以控制层的显示和隐藏，传入为div的id值
var o=document.getElementById(id);
if(o!=null) {
o.style.display=(o.style.display=='none')?'':'none';
}
}
</script>
<input type="submit" onClick="fnSwitch('Mian')" value="显示/关闭">
<div id="Mian" style="display:none">
<p>显示/不显示</p>
</div>
function fnSwitch(id){
//可以控制层的显示和隐藏，传入为div的id值
var o=document.getElementById(id);
if(o!=null) {
o.style.display=(o.style.display=='none')?'':'none';
}
}
</script>
<input type="submit" onClick="fnSwitch('Mian')" value="显示/关闭">
<div id="Mian" style="display:none">
<p>显示/不显示</p>
</div>
您可能感兴趣的文章：
javascript控制层的显示与隐藏的代码
jquery控制css display属性(控制元素显示与隐藏)
js动态显示与隐藏层的简单例子
Jquery中显示隐藏的实现代码分析
js实现动态显示与隐藏层(visibility与display的差别)
jquery hide与show方法隐藏与显示标签
Jquery实现控件的隐藏和显示实例
javascript中单选按钮控制显隐的窗口
jquery控制css的display属性(显示与隐藏)
基于jquery实现的定时显示与隐藏div广告的实现代码
[关闭]