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

漂亮的widgets，支持换肤和后期开发新皮肤

Apr 23 Javascript

html数组字符串拼接的最快方法

Sep 16 Javascript

JS无法捕获滚动条上的mouse up事件的原因猜想

Mar 21 Javascript

Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

Apr 02 Javascript

基于jQuery实现图片的前进与后退功能

Apr 24 Javascript

jQuery实现图片局部放大镜效果

Mar 17 Javascript

EasyUI学习之Combobox级联下拉列表(2)

Dec 29 Javascript

详解angularJs指令的3种绑定策略

Apr 13 Javascript

JS中的Replace()传入函数时的用法详解

Sep 11 Javascript

Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

Dec 28 Javascript

vue和iview实现Scroll 数据无限滚动功能

Oct 31 Javascript

antd 表格列宽自适应方法以及错误处理操作

Oct 27 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常用技巧汇总

2016/03/04 PHP

thinkPHP通用控制器实现方法示例

2017/11/23 PHP

php在linux环境中如何使用redis详解

2020/12/15 PHP

JavaScript 开发中规范性的一点感想

2009/06/23 Javascript

疯狂Jquery第一天(Jquery学习笔记)

2012/05/11 Javascript

常见JS验证脚本汇总

2015/12/01 Javascript

Backbone.js框架中简单的View视图编写学习笔记

2016/02/14 Javascript

JS实现页面数据无限加载

2016/09/13 Javascript

javascript this详细介绍

2016/09/19 Javascript

BootStrap table删除指定行的注意事项(笔记整理)

2017/02/05 Javascript

Boostrap栅格系统与自己额外定义的媒体查询的冲突问题

2017/02/19 Javascript

微信小程序下拉列表的实现实例代码

2017/03/08 Javascript

Vue2.0使用过程常见的一些问题总结学习

2017/04/10 Javascript

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法

2017/06/17 Javascript

详解vue2.0 transition 多个元素嵌套使用过渡

2017/06/19 Javascript

使用async await 封装 axios的方法

2018/07/09 Javascript

Python中多线程及程序锁浅析

2015/01/21 Python

python队列通信:rabbitMQ的使用(实例讲解)

2017/12/22 Python

Python+request+unittest实现接口测试框架集成实例

2018/03/16 Python

Python实现按中文排序的方法示例

2018/04/25 Python

numpy基础教程之np.linalg

2019/02/12 Python

Python生成器的使用方法和示例代码

2019/03/04 Python

Python3.5内置模块之random模块用法实例分析

2019/04/26 Python

Python中Numpy ndarray的使用详解

2019/05/24 Python

使用python实现回文数的四种方法小结

2019/11/24 Python

Python 识别12306图片验证码物品的实现示例

2020/01/20 Python

python列表删除和多重循环退出原理详解

2020/03/26 Python

斯凯奇澳大利亚官网：SKECHERS澳大利亚

2018/03/31 全球购物

2014年公司迎新年活动方案

2014/02/24 职场文书

《姥姥的剪纸》教学反思

2014/02/25 职场文书

个人承诺书怎么写

2014/05/24 职场文书

大学国际贸易专业自荐信

2014/06/05 职场文书

公司离职证明标准格式

2014/11/18 职场文书

小兵张嘎观后感

2015/06/03 职场文书

送给小学生的暑假礼物！小学生必背99首古诗

2019/07/02 职场文书

pnpm对npm及yarn降维打击详解

2022/08/05 Javascript