编程 Javascript

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";

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

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

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

免费空间广告万能消除代码

Sep 04 Javascript

兼容IE与firefox火狐的回车事件(js与jquery)

Oct 20 Javascript

jQuery div层的放大与缩小简单实现代码

Mar 28 Javascript

Vue.js实现微信过渡动画左右切换效果

Jun 13 Javascript

基于axios封装fetch方法及调用实例

Feb 05 Javascript

Vue的elementUI实现自定义主题方法

Feb 23 Javascript

详解angular路由高亮之RouterLinkActive

Apr 28 Javascript

Vue3.0数据响应式原理详解

Oct 09 Javascript

vue中 v-for循环的用法详解

Feb 19 Javascript

vue 解决setTimeOut和setInterval函数无效报错的问题

Jul 30 Javascript

vue 判断页面是首次进入还是再次刷新的实例

Nov 05 Javascript

JS实现可以用键盘方向键控制的动画

Dec 11 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

外键(1) 克隆(1) #{}(1) 小喇叭(1) S-2000(1) 增删查改(1) 脏读(2) 代理(2) SQL注入(2) IC-R9500(1)

You might like

Nginx服务器上安装并配置PHPMyAdmin的教程

2015/08/18 PHP

一段实用的php验证码函数

2016/05/19 PHP

网页中实现浏览器的最大，最小化和关闭按钮

2007/03/12 Javascript

测试JavaScript字符串处理性能的代码

2009/12/07 Javascript

Javascript document.referrer判断访客来源网址

2020/05/15 Javascript

JavaScript 产生不重复的随机数三种实现思路

2012/12/13 Javascript

javascript中打印当前的时间实现思路及代码

2013/12/18 Javascript

jquery prop的使用介绍及与attr的区别

2013/12/19 Javascript

jquery退出each循环的写法

2014/02/26 Javascript

Node.js中的缓冲与流模块详细介绍

2015/02/11 Javascript

jQuery动态星级评分效果实现方法

2015/08/06 Javascript

JavaScript实现的多种鼠标拖放效果

2015/11/03 Javascript

JavaScript iframe数据共享接口实现方法

2016/01/06 Javascript

AngularJS基础 ng-srcset 指令简单示例

2016/08/03 Javascript

详解Vue 普通对象数据更新与 file 对象数据更新

2017/04/26 Javascript

webstrom Debug 调试vue项目的方法步骤

2018/07/17 Javascript

vue实现滑动超出指定距离回顶部功能

2019/07/31 Javascript

jQuery中DOM操作原则实例分析

2019/08/01 jQuery

Javascript Dom元素获取和添加详解

2019/09/24 Javascript

vant 解决tab切换插件标题样式自定义的问题

2020/11/13 Javascript

[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19

2018/08/21 DOTA

使用python爬取B站千万级数据

2018/06/08 Python

Pyqt QImage 与 np array 转换方法

2019/06/27 Python

python、PyTorch图像读取与numpy转换实例

2020/01/13 Python

使用PyWeChatSpy自动回复微信拍一拍功能的实现代码

2020/07/02 Python

python爬虫scrapy框架的梨视频案例解析

2021/02/20 Python

AmazeUI 按钮交互的实现示例

2020/08/24 HTML / CSS

加拿大最大的钻石商店：Peoples Jewellers

2018/01/01 全球购物

台湾时尚彩瞳专门店：imeime

2019/08/16 全球购物

医学生实习自荐信

2013/10/01 职场文书

本科生求职简历的自我评价

2013/10/21 职场文书

内衣营销方案

2014/03/15 职场文书

官僚主义现象查摆问题整改措施

2014/10/04 职场文书

小学生大队委竞选稿

2015/11/20 职场文书

2016党性教育学习心得体会

2016/01/21 职场文书

2016年学校综治宣传月活动总结

2016/03/16 职场文书