编程 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如何生成xmlhttp

Dec 16 Javascript

轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作（2）

Nov 30 Javascript

BootStrap 智能表单实战系列(五) 表单依赖插件处理

Jun 13 Javascript

jQuery实现iframe父窗体和子窗体的相互调用

Jun 17 Javascript

JS留言功能的简单实现案例(推荐)

Jun 23 Javascript

前端弹出对话框 js实现ajax交互

Sep 09 Javascript

javascript ASCII和Hex互转的实现方法

Dec 27 Javascript

JavaScript获取ul中li个数的方法

Feb 13 Javascript

支持移动端原生js轮播图

Feb 16 Javascript

详解Vue 非父子组件通信方法（非Vuex）

May 24 Javascript

微信小程序分享功能之按钮button 边框隐藏和点击隐藏

Jun 14 Javascript

Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件

Apr 17 Vue.js

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 str_replace的替换漏洞

2008/03/15 PHP

PHP使用SOAP扩展实现WebService的方法

2016/04/01 PHP

PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】

2017/09/15 PHP

JS中彻底删除JSON对象组成的数组中的元素

2020/09/22 PHP

循环 vs 递归浅谈

2013/02/28 Javascript

animate动画示例(泪奔的小孩)及stop和delay的使用

2013/05/06 Javascript

Jquery揭秘系列:ajax原生js实现详解(推荐)

2016/06/08 Javascript

使用 bootstrap modal遇到的问题小结

2016/11/09 Javascript

jQuery 如何实现一个滑动按钮开关

2016/12/01 Javascript

基于Bootstrap 3 JQuery及RegExp的表单验证功能

2017/02/16 Javascript

Vue组件全局注册实现警告框的实例详解

2018/06/11 Javascript

JavaScript中var的重要性实例分析

2019/07/09 Javascript

jQuery 选择方法及$(this)用法实例分析

2020/05/19 jQuery

js实现贪吃蛇小游戏（加墙）

2020/07/31 Javascript

[01:08:32]DOTA2-DPC中国联赛正赛 DLG vs PHOENIX BO3 第二场 1月18日

2021/03/11 DOTA

Windows下Python使用Pandas模块操作Excel文件的教程

2016/05/31 Python

举例讲解Python中metaclass元类的创建与使用

2016/06/30 Python

Python使用文件锁实现进程间同步功能【基于fcntl模块】

2017/10/16 Python

Python与人工神经网络:使用神经网络识别手写图像介绍

2017/12/19 Python

聊聊Python中的pypy

2018/01/12 Python

Python 查看文件的读写权限方法

2018/01/23 Python

详解django2中关于时间处理策略

2019/03/06 Python

网易有道2017内推编程题洗牌（python）

2019/06/19 Python

python中pytest收集用例规则与运行指定用例详解

2019/06/27 Python

Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签

2019/12/04 Python

Python递归函数特点及原理解析

2020/03/04 Python

Python读写操作csv和excle文件代码实例

2020/03/16 Python

DJI大疆德国官方商城：大疆无人机

2018/09/01 全球购物

阿巴庭院：Abba Patio

2019/06/18 全球购物

Tomcat的缺省是多少，怎么修改

2014/04/09 面试题

庆祝教师节主题班会

2015/08/17 职场文书

2019职场实习报告该怎么写？

2019/07/01 职场文书

详解CSS玩转图片Base64编码

2021/05/25 HTML / CSS

深入浅析Django MTV模式

2021/09/04 Python

python井字棋游戏实现人机对战

2022/04/28 Python

Golang Web 框架Iris安装部署

2022/08/14 Python