JavaScript控制页面控件的隐藏与显示

最新推荐文章于 2022-12-24 09:38:46 发布

转载最新推荐文章于 2022-12-24 09:38:46 发布 · 910 阅读

文章标签：

#javascript #.net #脚本 #div

jsp 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了使用JavaScript控制页面控件隐藏与显示的两种方法及其区别。方法一使用visibility属性，控件虽不可见但仍占据页面空间；方法二使用display属性，控件完全从页面布局中移除。同时，文章提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隐藏后页面的位置还被控件占用只是不显示类似于.net验证控件的Display=Static
方法二隐藏后页面的位置不被占用类似于.net验证控件的Display=Dynamic

层的隐藏与显示
只要设置层的style的display属性即可。比如<div style="display:none" id="divTest">隐藏的层</div>
如果要显示它可以通过脚本来控制。例如divTest.style.display = ""; 或者 window.document.getElementById("MyDiv").style.display = "";