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

广告显示判断

Aug 31 Javascript

JQuery从头学起第二讲

Jul 04 Javascript

JQuery自定义事件的应用 JQuery最佳实践

Aug 01 Javascript

在Node.js中使用HTTP上传文件的方法

Jun 23 Javascript

jQuery设置单选按钮radio选中/不可用的实例代码

Jun 24 Javascript

AngularJS中watch监听用法分析

Nov 04 Javascript

微信小程序解决swiper不显示图片的方法

Jan 04 Javascript

微信小程序request出现400的问题解决办法

May 23 Javascript

JavaScript实现求最大公共子串的方法

Feb 03 Javascript

详解基于DllPlugin和DllReferencePlugin的webpack构建优化

Jun 28 Javascript

bootstrap与pagehelper实现分页效果

Dec 29 Javascript

基于jQuery的时间戳与日期间的转化

Jun 21 jQuery

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接收json 并将接收数据插入数据库的实现代码

2015/12/01 PHP

php制作基于xml的RSS订阅源功能示例

2017/02/08 PHP

lnmp安装多版本PHP共存的方法详解

2018/08/02 PHP

PHP实现浏览器格式化显示XML的方法示例

2019/01/22 PHP

Yii 框架入口脚本示例分析

2020/05/19 PHP

JQUERY 浏览器判断实现函数

2009/08/20 Javascript

javascript 面向对象的JavaScript类

2010/05/04 Javascript

jquery实现点击TreeView文本父节点展开/折叠子节点

2013/01/10 Javascript

js禁止document element对象选中文本实现代码

2013/03/21 Javascript

JS通过ajax动态读取xml文件内容的方法

2015/03/24 Javascript

JS实现微信弹出搜索框多条件查询功能

2016/12/13 Javascript

jQuery中页面返回顶部的方法总结

2016/12/30 Javascript

浅谈angular.copy() 深拷贝

2017/09/14 Javascript

vue19 组建 Vue.extend component、组件模版、动态组件的实例代码

2019/04/04 Javascript

详解Vue后台管理系统开发日常总结(组件PageHeader)

2019/11/01 Javascript

js实现mp3录音通过websocket实时传送+简易波形图效果

2020/06/12 Javascript

Python使用Shelve保存对象方法总结

2019/01/28 Python

Python文件路径名的操作方法

2019/10/30 Python

Python字符串的修改方法实例

2019/12/19 Python

Django后台管理系统的图文使用教学

2020/01/20 Python

使用pygame编写Flappy bird小游戏

2020/03/14 Python

PythonPC客户端自动化实现原理(pywinauto)

2020/05/28 Python

python3实现语音转文字(语音识别)和文字转语音(语音合成)

2020/10/14 Python

linux mint中搜狗输入法导致pycharm卡死的问题

2020/10/28 Python

python如何实现递归转非递归

2021/02/25 Python

canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)

2018/01/10 HTML / CSS

以设计师精品品质提供快速时尚：PopJulia

2018/01/09 全球购物

Solaris操作系统的线程机制

2015/07/28 面试题

建筑工程管理专业自荐信范文

2013/12/28 职场文书

办公用房租赁协议书

2014/11/29 职场文书

团员自我评价范文

2015/03/10 职场文书

2015年禁毒宣传活动总结

2015/03/25 职场文书

投诉书范文

2015/07/02 职场文书

大学迎新生欢迎词

2015/09/29 职场文书

2016年共产党员个人承诺书

2016/03/24 职场文书

javascript进阶篇深拷贝实现的四种方式

2022/07/07 Javascript