编程 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 相关文章推荐

获得所有表单值的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