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

JavaScript 动态生成方法的例子

Jul 22 Javascript

javascript 静态对象和构造函数的使用和公私问题

Mar 02 Javascript

如何解决Jquery库及其他库之间的$命名冲突

Sep 15 Javascript

Json序列化和反序列化方法解析

Dec 19 Javascript

Javascript 遍历页面text控件详解

Jan 06 Javascript

Jquery实现Div上下移动示例

Apr 23 Javascript

让人蛋疼的JavaScript语法特性

Sep 30 Javascript

理解JS绑定事件

Jan 19 Javascript

js实现的xml对象转json功能示例

Dec 24 Javascript

详解webpack require.ensure与require AMD的区别

Dec 13 Javascript

浅谈ng-zorro使用心得

Dec 03 Javascript

使用jQuery实现购物车

Oct 29 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发明人谈MVC和网站设计架构貌似他不支持php用mvc

2011/06/04 PHP

PHP利用REFERER根居访问来地址进行页面跳转

2013/09/28 PHP

php后门URL的防范

2013/11/12 PHP

php约瑟夫问题解决关于处死犯人的算法

2015/03/23 PHP

PHP simplexml_import_dom()函数讲解

2019/02/03 PHP

BOOM vs RR BO5 第二场 2.14

2021/03/10 DOTA

js版本A*寻路算法

2006/12/22 Javascript

JS继承--原型链继承和类式继承

2013/04/08 Javascript

js冒泡法和数组转换成字符串示例代码

2013/08/14 Javascript

Javascript数据结构与算法之列表详解

2015/03/12 Javascript

javascript判断数组内是否重复的方法

2015/04/21 Javascript

jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)

2015/10/28 Javascript

AngularJS过滤器详解及示例代码

2016/08/16 Javascript

微信js-sdk界面操作接口用法示例

2016/10/12 Javascript

JS实现向iframe中表单传值的方法

2017/03/24 Javascript

微信小程序日历组件calendar详解及实例

2017/06/08 Javascript

js is_valid_filename验证文件名的函数

2017/07/19 Javascript

微信小程序之页面跳转和参数传递的实现

2017/09/29 Javascript

[05:08]第一届“网鱼杯”DOTA2比赛精彩集锦

2014/09/05 DOTA

netbeans7安装python插件的方法图解

2013/12/24 Python

在Python中处理字符串之isdecimal()方法的使用

2015/05/20 Python

Python使用combinations实现排列组合的方法

2018/11/13 Python

对python读写文件去重、RE、set的使用详解

2018/12/11 Python

python解释器spython使用及原理解析

2019/08/24 Python

基于python3的socket聊天编程

2020/02/17 Python

Windows下Anaconda安装、换源与更新的方法

2020/04/17 Python

python如何使用代码运行助手

2020/07/03 Python

如何基于python把文字图片写入word文档

2020/07/31 Python

如何使用pycharm连接Databricks的步骤详解

2020/09/23 Python

100％羊绒：NakedCashmere

2020/08/26 全球购物

关键字throw与throws的用法差异

2016/11/22 面试题

室内设计专业个人的自我评价

2013/10/19 职场文书

自荐信模版

2013/10/24 职场文书

模范班主任事迹材料

2014/12/17 职场文书

欠款起诉书范文

2015/05/19 职场文书

大学学生会主席竞选稿怎么写？

2019/08/19 职场文书