JS 结点（属性操作）隐藏与显示（display）

最新推荐文章于 2023-01-10 09:59:08 发布

weixin_33811539

最新推荐文章于 2023-01-10 09:59:08 发布

阅读量4.3k

点赞数

文章标签： javascript ui ViewUI

本文介绍了使用JavaScript通过设置元素的style.display属性来隐藏和显示控件的方法。`display`属性不仅可以控制元素的可见性，还能影响元素是否占用布局空间。当`display`为`none`时，元素不显示且不占位置；当`display`为`block`或`inline`等时，元素正常显示。此外，文章列举了`display`属性的各种可能值及其效果。

摘要由CSDN通过智能技术生成

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。

<script language="JavaScript">
function displayHideUI()
{
     var ui = document.getElementById("bbs");
     ui.style.display="none";
}
function displayShowUI()
{
     var ui = document.getElementById("bbs");
     ui.style.display=" ";//