编程 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获取地址栏参数

Dec 22 Javascript

JavaScript 编写匿名函数的几种方法

Feb 21 Javascript

js对象之JS入门之Array对象操作小结

Jan 09 Javascript

js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

May 16 Javascript

javascript创建动态表单的方法

Jul 25 Javascript

js clearInterval()方法的定义和用法

Nov 11 Javascript

概述javascript在Google IE中的调试技巧

Nov 24 Javascript

关于jQuery中fade(),show()起始位置的一点小发现

Apr 25 jQuery

JS验证输入的是否是数字及保留几位小数问题

May 09 Javascript

JavaScript 下载svg图片为png格式

Jun 21 Javascript

微信小程序methods中定义的方法互相调用的实例代码

Aug 07 Javascript

JQuery通过键盘控制键盘按下与松开触发事件

Aug 07 jQuery

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

模板引擎Smarty深入浅出介绍

2006/12/06 PHP

window+nginx+php环境配置附配置搭配说明

2010/12/29 PHP

PHP运行时强制显示出错信息的代码

2011/04/20 PHP

php 获取全局变量的代码

2011/04/21 PHP

php实现数组筛选奇数和偶数示例

2014/04/11 PHP

让你的PHP7更快之Hugepage用法分析

2016/05/31 PHP

PHP从数组中删除元素的四种方法实例

2017/05/12 PHP

thinkphp5引入公共部分header、footer的方法详解

2018/09/14 PHP

JS OOP包机制,类创建的方法定义

2009/11/02 Javascript

jQuery 性能优化手册推荐

2010/02/23 Javascript

推荐11款jQuery开发的复选框和单选框美化插件

2011/08/02 Javascript

微信小程序实现tabs选项卡效果实例代码

2016/10/31 Javascript

基于jquery实现多级菜单效果

2017/07/25 jQuery

node实现基于token的身份验证

2018/04/09 Javascript

让axios发送表单请求形式的键值对post数据的实例

2018/08/11 Javascript

jQuery实现form表单基于ajax无刷新提交方法实例代码

2019/11/04 jQuery

[01:03:36]DOTA2-DPC中国联赛正赛 VG vs Magma BO3 第二场 1月26日

2021/03/11 DOTA

Python 实现网页自动截图的示例讲解

2018/05/17 Python

python3+requests接口自动化session操作方法

2018/10/13 Python

Python pyautogui模块实现鼠标键盘自动化方法详解

2020/02/17 Python

利用python为PostgreSQL的表自动添加分区

2021/01/18 Python

css3 media 响应式布局的简单实例

2016/08/03 HTML / CSS

汉米尔顿手表官网：Hamilton

2020/09/13 全球购物

Scotch Porter官方网站：男士美容产品

2020/08/31 全球购物

Java中各种基本数据类型的默认值都是什么

2016/12/22 面试题

运动会通讯稿50字

2014/01/30 职场文书

高二化学教学反思

2014/01/30 职场文书

保洁公司服务承诺书

2014/05/28 职场文书

中学生旷课检讨书2篇

2014/10/09 职场文书

我是特种兵观后感

2015/06/11 职场文书

和谐拯救危机观后感

2015/06/15 职场文书

前端JS获取URL参数的4种方法总结

2022/04/05 Javascript

python中redis包操作数据库的教程

2022/04/19 Python

java版联机五子棋游戏

2022/05/04 Java/Android

java开发双人五子棋游戏

2022/05/06 Java/Android

vue/cli 配置动态代理无需重启服务的方法

2022/05/20 Vue.js