编程 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 相关文章推荐

JS简单实现移动端日历功能示例

Dec 28 Javascript

Angular企业级开发——MVC之控制器详解

Feb 20 Javascript

详解angular中的作用域及继承

May 31 Javascript

js实现扫雷小程序的示例代码

Sep 27 Javascript

js 提取某()特殊字符串长度的实例

Dec 06 Javascript

Vue精简版风格概述

Jan 30 Javascript

浅谈Vue响应式(数组变异方法)

May 07 Javascript

JS实现获取word文档内容并输出显示到html页面示例

Jun 23 Javascript

jsonp跨域获取百度联想词的方法分析

May 13 Javascript

vue中监听返回键问题

Aug 28 Javascript

优雅的使用javascript递归画一棵结构树示例代码

Sep 22 Javascript

细述Javascript的加法运算符的具体使用

Oct 18 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 调用远程url的六种方法小结

2009/11/02 PHP

php中用memcached实现页面防刷新功能

2014/08/19 PHP

php与python实现的线程池多线程爬虫功能示例

2016/10/12 PHP

深入解析PHP底层机制及相关原理

2020/12/11 PHP

用表格输出1-1000之间的数字实现代码(附特效)

2013/04/21 Javascript

jQuery DOM操作实例

2014/03/05 Javascript

使用javascript实现判断当前浏览器

2015/04/14 Javascript

JQuery日期插件datepicker的使用方法

2016/03/03 Javascript

a标签跳转到指定div,jquery添加和移除class属性的实现方法

2016/10/10 Javascript

Javascript实现购物车功能的详细代码

2018/05/08 Javascript

jQuery模仿ToDoList实现简单的待办事项列表

2019/12/30 jQuery

js实现简单进度条效果

2020/03/25 Javascript

浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法

2020/07/24 Javascript

[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日

2021/03/11 DOTA

零基础写python爬虫之HTTP异常处理

2014/11/05 Python

Python实现二叉树结构与进行二叉树遍历的方法详解

2016/05/24 Python

Python使用SQLite和Excel操作进行数据分析

2018/01/20 Python

Python实现蒙特卡洛算法小实验过程详解

2019/07/12 Python

python tkinter组件摆放方式详解

2019/09/16 Python

Python Django框架防御CSRF攻击的方法分析

2019/10/18 Python

django中间键重定向实例方法

2019/11/10 Python

django实现将修改好的新模型写入数据库

2020/03/31 Python

Python实现Keras搭建神经网络训练分类模型教程

2020/06/12 Python

探讨HTML5移动开发的几大特性(必看)

2015/12/30 HTML / CSS

英国最出名高街品牌：Forever Unique

2018/02/24 全球购物

信用社实习人员自我鉴定

2013/09/20 职场文书

企业车辆管理制度

2014/01/24 职场文书

大学运动会通讯稿

2014/01/28 职场文书

《列夫托尔斯泰》教学反思

2014/02/10 职场文书

物业总经理岗位职责

2014/02/28 职场文书

公司开业庆典主持词

2014/03/21 职场文书

开展批评与自我批评发言材料

2014/05/15 职场文书

校园运动会广播稿

2014/10/06 职场文书

2014年连锁店圣诞节活动方案

2014/12/09 职场文书

补充协议书

2015/01/28 职场文书

2015大学迎新晚会策划书

2015/07/16 职场文书