JavaScript
来源:互联网 发布:藏头诗 魂归大海知乎 编辑:程序博客网 时间:2024/06/01 07:11
用JavaScript隐藏控件的方法
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件,而且被隐藏的控件不再占用显示时占用的位置,而“visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。
<p>
<input id='bbs' value="想要隐藏的控件">
</p>
<p>
隐藏上面的控件,并使其不占用页面上的位置
<input type="button" value='隐藏' onclick='displayHideUI()'>
<input type="button" value='显示' onclick='displayShowUI()'>
<br />
仅仅隐藏控件,其位置仍然占用
<input type="button" value='隐藏' onclick='visibilityHideUI()'>
<input type="button" value='显示' onclick='visibilityShowUI()'>
</p>
<script language="javascript" type="text/javascript">
function displayHideUI()
{
var ui = document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui = document.getElementById("bbs");
ui.style.display="block";
}
function visibilityHideUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/proglovercn/archive/2007/03/05/1521136.aspx
- Javascript
- JavaScript
- javascript
- javascript
- javascript
- javascript
- javascript
- JavaScript
- javascript
- JavaScript
- Javascript
- javascript
- javascript
- JavaScript
- javascript
- javascript
- JavaScript
- javascript
- Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案
- 提示No Launcher activity found
- JavaScript
- Windows XP硬盘安装Ubuntu 12.04双系统图文详解
- 近期工作小结(吐槽文)
- JavaScript
- JavaScript
- javascript
- 三分搜索算法
- hql的关联查询 join
- java.io.IOException: Unable to open sync connection!的解决方案
- Oracle体系结构及备份(十)——sga-others_pool
- JAVA run方法中得到线程名称
- js弹出对话框