编程 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中巧用“闭包”实现程序的暂停执行功能

Apr 04 Javascript

深入理解javascript中concat方法

Dec 12 Javascript

jacascript DOM节点——元素节点、属性节点、文本节点

Apr 18 Javascript

微信小程序选项卡的简单实例

May 24 Javascript

JavaScript严格模式下关于this的几种指向详解

Jul 12 Javascript

基于ionic实现下拉刷新功能

May 10 Javascript

详解小程序输入框闪烁及重影BUG解决方案

Aug 31 Javascript

vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

Oct 22 Javascript

详解如何使用webpack打包多页jquery项目

Feb 01 jQuery

Vue 用Vant实现时间选择器的示例代码

Oct 25 Javascript

Javascript 类型转换、封闭函数及常见内置对象操作示例

Nov 15 Javascript

webpack常用构建优化策略小结

Nov 21 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 冒泡排序交换排序法

2011/05/10 PHP

PHP的array_diff()函数在处理大数组时的效率问题

2011/11/27 PHP

PHP中each与list用法分析

2016/01/08 PHP

php实现通过stomp协议连接ActiveMQ操作示例

2020/02/23 PHP

THINKPHP5.1 Config的配置与获取详解

2020/06/08 PHP

脚本吧 - 幻宇工作室用到js,超强推荐expand.js

2006/12/23 Javascript

一个选择最快的服务器转向代码

2009/04/27 Javascript

JavaScript 继承详解（一）

2009/07/13 Javascript

SyntaxHighlighter语法高亮插件使用说明

2011/08/14 Javascript

windows8.1+iis8.5下安装node.js开发环境

2014/12/12 Javascript

纯css实现窗户玻璃雨滴逼真效果

2015/08/23 Javascript

JS实现添加,替换,删除节点元素的方法

2016/06/30 Javascript

jQuery使用Layer弹出层插件闪退问题

2016/12/22 Javascript

jQuery实现table表格checkbox全选的方法分析

2018/07/04 jQuery

vue.js动画中的js钩子函数的实现

2018/07/06 Javascript

JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】

2019/07/10 jQuery

Typescript的三种运行方式(小结)

2019/09/18 Javascript

JS加载解析Markdown文档过程详解

2020/05/19 Javascript

vue用elementui写form表单时,在label里添加空格操作

2020/08/13 Javascript

Python中的异常处理相关语句基础学习笔记

2016/07/11 Python

详解常用查找数据结构及算法（Python实现）

2016/12/09 Python

深入理解NumPy简明教程---数组2

2016/12/17 Python

Python实现的基数排序算法原理与用法实例分析

2017/11/23 Python

Python爬虫爬取新浪微博内容示例【基于代理IP】

2018/08/03 Python

Python3多目标赋值及共享引用注意事项

2019/05/27 Python

python字符串替换re.sub()方法解析

2019/09/18 Python

Python对称的二叉树多种思路实现方法

2020/02/28 Python

Python3基于print打印带颜色字符串

2020/07/06 Python

总经理岗位职责范本

2014/02/02 职场文书

音乐教育感言

2014/03/05 职场文书

2014各大专业毕业生自我评价

2014/09/17 职场文书

学校领导班子四风问题整改意见

2014/10/02 职场文书

《跨越海峡的生命桥》教学反思

2016/02/18 职场文书

2016年小学“我们的节日·中秋节”活动总结

2016/04/05 职场文书

CocosCreator入门教程之网络通信

2021/04/16 Javascript

JS高级程序设计之class继承重点详解

2022/07/07 Javascript