编程 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_03(ExtJs Grid的简单使用)

Oct 02 Javascript

JavaScript Undefined，Null类型和NaN值区别

Oct 22 Javascript

jQuery对表单元素的取值和赋值操作代码

May 19 Javascript

省市区三级联动下拉框菜单javascript版

Aug 11 Javascript

js编写选项卡效果

May 23 Javascript

Vue自定义指令详解

Jul 28 Javascript

vue页面跳转后返回原页面初始位置方法

Feb 11 Javascript

jQuery简单判断值是否存在于数组中的方法示例

Apr 17 jQuery

vue.js通过路由实现经典的三栏布局实例代码

Jul 08 Javascript

在Vue项目中引入JQuery-ui插件的讲解

Jan 27 jQuery

js实现简单分页导航栏效果

Jun 28 Javascript

vue动态加载SVG文件并修改节点数据的操作代码

Aug 17 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读取csv文件内容的详解

2013/06/18 PHP

浅析ThinkPHP中的pathinfo模式和URL重写

2014/01/06 PHP

php+xml编程之SimpleXML的应用实例

2015/01/24 PHP

PHP单例模式应用示例【多次连接数据库只实例化一次】

2018/12/18 PHP

Laravel Validator 实现两个或多个字段联合索引唯一

2019/05/08 PHP

Javascript 面向对象继承

2010/05/13 Javascript

你需要知道的10个最佳javascript开发实践小结

2012/04/15 Javascript

jQuery实现点击小图片淡入淡出显示大图片特效

2015/09/09 Javascript

基于jQuery实现拖拽图标到回收站并删除功能

2015/11/25 Javascript

jquery插件autocomplete用法示例

2016/07/01 Javascript

js带闹铃功能的倒计时代码

2016/09/29 Javascript

jQuery实现字体颜色渐变效果的方法

2017/03/29 jQuery

javascript用rem来做响应式开发

2018/01/13 Javascript

JavaScript 中 JSON.parse 函数和 JSON.stringify 函数

2018/12/05 Javascript

浅谈JavaScript 代码简洁之道

2019/01/09 Javascript

vuex如何重置所有state(可定制)

2019/01/17 Javascript

layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法

2019/09/25 Javascript

使用node.JS中的url模块解析URL信息

2020/02/06 Javascript

JavaScript中继承原理与用法实例入门

2020/05/09 Javascript

解决vue路由name同名,路由重复的问题

2020/08/05 Javascript

[40:19]2018完美盛典CS.GO表演赛

2018/12/17 DOTA

python实现定时自动备份文件到其他主机的实例代码

2018/02/23 Python

Python读写/追加excel文件Demo分享

2018/05/03 Python

python实现自动发送邮件

2018/06/20 Python

python创建ArcGIS shape文件的实现

2019/12/06 Python

python实现大战外星人小游戏实例代码

2019/12/26 Python

pytorch绘制并显示loss曲线和acc曲线，LeNet5识别图像准确率

2020/01/02 Python

对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解

2020/02/11 Python

Django中Q查询及Q()对象 F查询及F()对象用法

2020/07/09 Python

诗普兰迪官方网站：Splendid

2018/09/18 全球购物

高中生操行评语大全

2014/04/25 职场文书

幼儿教师2014年度工作总结

2014/12/16 职场文书

自主招生推荐信怎么写

2015/03/26 职场文书

学校捐书倡议书

2015/04/27 职场文书

导游词之镇江西津古渡

2019/11/06 职场文书

go语言map与string的相互转换的实现

2021/04/07 Golang