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

用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面

May 02 Javascript

JS打印gridview实现原理及代码

Feb 05 Javascript

JS方法调用括号的问题探讨

Jan 24 Javascript

再谈Jquery Ajax方法传递到action(补充)

May 12 Javascript

JavaScript实现三阶幻方算法谜题解答

Dec 29 Javascript

jQuery实现图像旋转动画效果

May 29 Javascript

详解基于vue-cli配置移动端自适应

Jan 13 Javascript

详解vue2.0 不同屏幕适配及px与rem转换问题

Feb 23 Javascript

vue-cli webpack模板项目搭建及打包时路径问题的解决方法

Feb 26 Javascript

原生js检测页面加载完毕的实例

Sep 11 Javascript

React通过redux-persist持久化数据存储的方法示例

Feb 14 Javascript

JavaScript实现像雪花一样的Hexaflake分形

Jul 07 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

ThinkPHP php 框架学习笔记

2009/10/30 PHP

php结合redis高并发下发帖、发微博的实现方法

2016/12/15 PHP

PHP实现下载远程图片保存到本地的方法

2017/06/19 PHP

php+js实现点赞功能的示例详解

2020/08/07 PHP

juqery 学习之三选择器可见性元素属性

2010/11/25 Javascript

javascript history对象(历史记录)使用方法(实现浏览器前进后退)

2014/01/07 Javascript

jQuery Migrate 1.1.0 Released 注意事项

2014/06/14 Javascript

JS更改select内option属性的方法

2015/10/14 Javascript

jquery取消事件冒泡的三种方法(推荐)

2016/05/28 Javascript

JS实现的手机端精简幻灯片效果

2016/09/05 Javascript

微信小程序开发探究

2016/12/27 Javascript

JS通过调用微信API实现微信支付功能的方法示例

2017/06/29 Javascript

Bootstrap滚动监听组件scrollspy.js使用方法详解

2017/07/20 Javascript

React-Native使用Mobx实现购物车功能

2017/09/14 Javascript

Angular4自制一个市县二级联动组件示例

2017/11/21 Javascript

纯JS实现的读取excel文件内容功能示例【支持所有浏览器】

2018/06/23 Javascript

jQuery常见的遍历DOM操作详解

2018/09/05 jQuery

vue.js的双向数据绑定Object.defineProperty方法的神奇之处

2019/01/18 Javascript

Net微信网页开发使用微信JS-SDK获取当前地理位置过程详解

2019/08/26 Javascript

Python使用wxPython实现计算器

2018/01/30 Python

python3.5 email实现发送邮件功能

2018/05/22 Python

Python发送邮件的实例代码讲解

2019/10/16 Python

Python 3.6打包成EXE可执行程序的实现

2019/10/18 Python

Python CSV文件模块的使用案例分析

2019/12/21 Python

已安装tensorflow-gpu,但keras无法使用GPU加速的解决

2020/02/07 Python

打包PyQt5应用时的注意事项

2020/02/14 Python

Python趣味入门教程之循环语句while

2020/08/26 Python

Django怎么在admin后台注册数据库表

2020/11/14 Python

HTML5的video标签的浏览器兼容性增强方案分享

2016/05/19 HTML / CSS

HTML5 Notification（桌面提醒）功能使用实例

2014/03/17 HTML / CSS

演讲稿祖国在我心中

2014/05/04 职场文书

歌唱比赛策划方案

2014/06/06 职场文书

会计专业应届生自荐信

2014/06/28 职场文书

企业2014年度工作总结

2014/12/10 职场文书

仓库统计员岗位职责

2015/04/14 职场文书

Java网络编程之UDP实现原理解析

2021/09/04 Java/Android