编程 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下查找父节点的简单方法

Aug 13 Javascript

Google 静态地图API实现代码

Nov 19 Javascript

让人印象深刻的10个jQuery手风琴效果应用

May 08 Javascript

前台js改变Session的值(用ajax实现)

Dec 28 Javascript

jquery 表格的增行删行实现思路

Mar 21 Javascript

基于jquery中children()与find()的区别介绍

Apr 26 Javascript

jquery.ajax的url中传递中文乱码问题的解决方法

Feb 07 Javascript

基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作

May 12 Javascript

JS中使用变量保存arguments对象的方法

Jun 03 Javascript

使用BootStrapValidator完成前端输入验证

Sep 28 Javascript

简易的JS计算器实现代码

Oct 18 Javascript

简单明了区分escape、encodeURI和encodeURIComponent

May 26 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之curl设置超时实例

2014/11/03 PHP

php+croppic.js实现剪切上传图片功能

2018/08/14 PHP

javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图

2013/01/09 Javascript

如何正确使用javascript 来进行我们的程序开发

2014/06/23 Javascript

DOM节点删除函数removeChild()用法实例

2015/01/12 Javascript

jquery搜索框效果实现方法

2015/01/16 Javascript

javascript解三阶幻方（九宫格）

2015/04/22 Javascript

jQuery中$.ajax()和$.getJson()同步处理详解

2015/08/12 Javascript

Vue-Router实现页面正在加载特效方法示例

2017/02/12 Javascript

jquery append与appendTo方法比较

2017/05/24 jQuery

Textarea输入字数限制实例(兼容iOS&安卓)

2017/07/06 Javascript

详解AngularJS之$window窗口对象

2018/01/17 Javascript

Vue的事件响应式进度条组件实例详解

2018/02/04 Javascript

python检测服务器是否正常

2014/02/16 Python

python根据时间生成mongodb的ObjectId的方法

2015/03/13 Python

python字典get()方法用法分析

2015/04/17 Python

Python DataFrame.groupby()聚合函数,分组级运算

2018/09/18 Python

python web框架中实现原生分页

2019/09/08 Python

Mac 使用python3的matplot画图不显示的解决

2019/11/23 Python

python系统指定文件的查找只输出目录下所有文件及文件夹

2020/01/19 Python

Python 实现Image和Ndarray互相转换

2020/02/19 Python

css3实现3D文本悬停改变效果的示例代码

2019/01/16 HTML / CSS

CSS3属性 line-clamp控制文本行数的使用

2020/03/19 HTML / CSS

如何客观的进行自我评价

2013/12/17 职场文书

汽车运用工程系毕业生自荐信

2013/12/27 职场文书

成人继续教育实施方案

2014/03/01 职场文书

《鸟岛》教学反思

2014/04/26 职场文书

企业法人授权委托书范本

2014/09/23 职场文书

2014年民主评议党员个人总结

2014/09/24 职场文书

小学趣味运动会加油稿

2014/09/25 职场文书

铅球加油稿100字

2014/09/26 职场文书

2015届本科毕业生自我鉴定

2014/09/27 职场文书

教师学习党的群众路线教育实践活动心得体会

2014/10/31 职场文书

人事任命通知书

2015/04/21 职场文书

写作指导：怎么书写竞聘演讲稿？

2019/07/04 职场文书

Apache Hudi数据布局黑科技降低一半查询时间

2022/03/31 Servers