javascript控制层的显示与隐藏的代码

发布时间:2020-05-31编辑:脚本学堂
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>