JS控制HTML元素的显示和隐藏的两种方法


Posted in Javascript onSeptember 27, 2016

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

  方法一:

document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";

 利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。

方法二:

document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";

利用上述方法实现隐藏后,页面的位置不被占用。

Javascript 相关文章推荐
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
javascript的parseFloat()方法精度问题探讨
Nov 26 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
4种JavaScript实现简单tab选项卡切换的方法
Jan 06 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
详解JavaScript中的函数、对象
Apr 01 Javascript
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
Dec 12 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
详解js中的原型,原型对象,原型链
Jul 16 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 #Javascript
jQuery实现右键菜单、遮罩等效果代码
Sep 27 #Javascript
jQuery实现图片轮播效果代码
Sep 27 #Javascript
JS不完全国际化&本地化手册 之 理论篇
Sep 27 #Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 #Javascript
js转html实体的方法
Sep 27 #Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 #Javascript
You might like
PHP访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
php判断ip黑名单程序代码实例
2014/02/24 PHP
php异常处理捕获错误整理
2019/09/23 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
js控制input框只读实现示例
2014/01/20 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
python根据出生日期获得年龄的方法
2015/03/31 Python
在Django框架中编写Contact表单的教程
2015/07/17 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
Python中join函数简单代码示例
2018/01/09 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python远程邮件控制电脑升级版
2019/05/23 Python
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
上海雨人软件技术开发有限公司测试题
2015/07/14 面试题
国贸专业的职业规划范文
2014/01/23 职场文书
员工表扬信怎么写
2015/05/05 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
vue特效之翻牌动画
2022/04/20 Vue.js