编程 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获取自定义属性(attr和prop)实例介绍

Apr 21 Javascript

浅析JavaScript中的CSS属性及命名规范

Nov 28 Javascript

js键盘事件的keyCode

Jul 29 Javascript

javascript动态获取登录时间和在线时长

Feb 25 Javascript

原生js实现autocomplete插件

Apr 14 Javascript

用js实现博客打赏功能

Oct 24 Javascript

URL的参数中有加号传值变为空格的问题(URL特殊字符)

Nov 04 Javascript

js中创建对象的几种方式

Feb 05 Javascript

在Vue 中使用Typescript的示例代码

Sep 10 Javascript

webstorm中配置Eslint的两种方式及差异比较详解

Oct 19 Javascript

详解如何修改 node_modules 里的文件

May 22 Javascript

解决vue做详情页跳转的时候使用created方法数据不会更新问题

Jul 24 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防注入及开发安全详细解析

2013/08/09 PHP

图片完美缩放

2006/09/07 Javascript

javascript 面向对象的JavaScript类

2010/05/04 Javascript

Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式

2010/06/28 Javascript

基于Jquery的动态添加控件并取值的实现代码

2010/09/24 Javascript

js下拉框二级关联菜单效果代码具体实现

2013/08/03 Javascript

node.js中使用node-schedule实现定时任务实例

2014/06/03 Javascript

基于jquery实现的自动补全功能

2015/03/12 Javascript

Easyui Datagrid自定义按钮列(最后面的操作列)

2017/07/13 Javascript

React如何将组件渲染到指定DOM节点详解

2017/09/08 Javascript

JS抛物线动画实例制作

2018/02/24 Javascript

为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题

2018/04/03 Javascript

更改BootStrap popover的默认样式及popover简单用法

2018/09/13 Javascript

vue单页应用在页面刷新时保留状态数据的方法

2018/09/21 Javascript

vue实现与安卓、IOS交互的方法

2018/11/02 Javascript

node.js中express模块创建服务器和http模块客户端发请求

2019/03/06 Javascript

详解JavaScript 为什么要有 Symbol 类型？

2019/04/03 Javascript

webpack 最佳配置指北(推荐)

2020/01/07 Javascript

vue中利用three.js实现全景图的完整示例

2020/12/07 Vue.js

python ElementTree 基本读操作示例

2009/04/09 Python

Python字符串中添加、插入特定字符的方法

2019/09/10 Python

pandas中的数据去重处理的实现方法

2020/02/10 Python

Django DRF APIView源码运行流程详解

2020/08/17 Python

用 python 进行微信好友信息分析

2020/11/28 Python

HTML5中微数据概述及在搜索引擎中的使用举例

2013/02/07 HTML / CSS

使用phonegap获取设备的一些信息方法

2017/03/31 HTML / CSS

什么叫应用程序域？什么是受管制的代码？什么是强类型系统？什么是装箱和拆箱？

2016/08/13 面试题

计算机个人求职信范例

2014/01/24 职场文书

2014年机关党建工作总结

2014/11/11 职场文书

开天辟地观后感

2015/06/09 职场文书

如何书写读后感？（附范文）

2019/07/26 职场文书

SONY AN-LP1 短波有源天线放大器

2021/04/22 无线电

goland 清除所有的默认设置操作

2021/04/28 Golang

深入理解Vue的数据响应式

2021/05/15 Vue.js

sql查询结果列拼接成逗号分隔的字符串方法

2021/05/25 SQL Server

利用js实现简单开关灯代码

2021/11/23 Javascript