编程 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+xml+ajax的无刷新树结构(无css，后台是c#)

Jun 02 Javascript

利用JS实现浏览器的title闪烁

Jul 08 Javascript

js 点击页面其他地方关闭弹出层(示例代码)

Dec 24 Javascript

使用纯javascript实现放大镜效果

Mar 18 Javascript

详解javascript中的事件处理

Nov 06 Javascript

jQuery+php实时获取及响应文本框输入内容的方法

May 24 Javascript

JS检测页面中哪个HTML标签触发点击事件的方法

Jun 17 Javascript

详解Node.js：events事件模块

Nov 24 Javascript

基于jQuery实现左侧菜单栏可折叠功能

Dec 27 Javascript

node.js入门教程之querystring模块的使用方法

Feb 27 Javascript

关于Vue中$refs的探索浅析

Nov 05 Javascript

Vue仿百度搜索功能

Dec 28 Vue.js

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基础知识:类与对象(5) static

2006/12/13 PHP

php通过exif_read_data函数获取图片的exif信息

2015/05/21 PHP

php使用curl打开https网站的方法

2015/06/17 PHP

PHP长网址与短网址的实现方法

2017/10/13 PHP

PHP Beanstalkd消息队列的安装与使用方法实例详解

2020/02/21 PHP

javascript IE中的DOM ready应用技巧

2008/07/23 Javascript

一组JS创建和操作表格的函数集合

2009/05/07 Javascript

jquery 学习之二属性文本与值(text,val)

2010/11/25 Javascript

13 个JavaScript 性能提升技巧分享

2012/07/26 Javascript

js 判断计算字符串长度/判断空的简单方法

2013/08/05 Javascript

浅谈JavaScript函数节流

2014/12/09 Javascript

简化版手机端照片预览组件

2015/04/13 Javascript

js控制按钮,防止频繁点击响应的实例

2017/02/15 Javascript

js从输入框读取内容,比较两个数字的大小方法

2017/03/13 Javascript

AngularJS全局警告框实现方法示例

2017/05/18 Javascript

layui select获取自定义属性方法

2018/08/15 Javascript

Python+tkinter模拟“记住我”自动登录实例代码

2018/01/16 Python

python按行读取文件,去掉每行的换行符\n的实例

2018/04/19 Python

Python 互换字典的键值对实例

2019/02/12 Python

Python+OpenCV实现旋转文本校正方式

2020/01/09 Python

Python控制台输出时刷新当前行内容而不是输出新行的实现

2020/02/21 Python

matplotlib 曲线图和折线图 plt.plot()实例

2020/04/17 Python

CSS3 实现穿梭星空动画

2020/11/13 HTML / CSS

美国最大点评网站：Yelp

2018/02/14 全球购物

优秀求职信范文分享

2013/12/19 职场文书

《小小雨点》教学反思

2014/02/18 职场文书

售后客服个人自我评价

2014/09/14 职场文书

公司2014年度工作总结

2014/12/10 职场文书

2015年大学社团工作总结

2015/04/09 职场文书

创卫工作总结2015

2015/04/22 职场文书

电影开国大典观后感

2015/06/04 职场文书

花田少年史观后感

2015/06/16 职场文书

学生会招新宣传语

2015/07/13 职场文书

python用海龟绘图写贪吃蛇游戏

2021/06/18 Python

Shell脚本一键安装Nginx服务自定义Nginx版本

2022/03/20 Servers

《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复

2022/04/03 其他游戏