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

基于jquery实现的鼠标拖拽元素复制并写入效果

Aug 23 Javascript

Jquery读取URL参数小例子

Aug 30 Javascript

Jquery节点遍历next与nextAll方法使用示例

Jul 22 Javascript

Javascript数据结构与算法之列表详解

Mar 12 Javascript

基于ajax实现文件上传并显示进度条

Aug 03 Javascript

JavaScript:Date类型全面解析

May 19 Javascript

javascript RegExp 使用说明

May 21 Javascript

jQuery插件扩展操作入门示例

Jan 16 Javascript

BootStrap数据表格实例代码

Sep 13 Javascript

js中url对象化管理分析

Dec 29 Javascript

基于js 各种排序方法和sort方法的区别(详解)

Jan 03 Javascript

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

Jan 24 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

全国FM电台频率大全 - 28 甘肃省

2020/03/11 无线电

网友原创的PHP模板类代码

2008/09/07 PHP

VIM中设置php自动缩进为4个空格的方法详解

2013/06/14 PHP

PHP扩展CURL的用法详解

2014/06/20 PHP

smarty模板引擎从php中获取数据的方法

2015/01/22 PHP

Laravel中七个非常有用但很少人知道的Carbon方法

2017/09/21 PHP

我的javascript 函数链之演变

2011/04/07 Javascript

文档对象模型DOM通俗讲解

2013/11/01 Javascript

jquery实现多屏多图焦点图切换特效的方法

2015/05/04 Javascript

JavaScript中rem布局在react中的应用

2015/12/09 Javascript

js实现人民币大写金额形式转换

2016/04/27 Javascript

基于JQuery实现分隔条的功能

2016/06/17 Javascript

Javascript中的arguments对象

2016/06/20 Javascript

详解Nodejs之静态资源处理

2017/06/05 NodeJs

JavaScript转换数据库DateTime字段类型方法

2017/06/27 Javascript

react native仿微信PopupWindow效果的实例代码

2017/08/07 Javascript

浅谈Angular 中何时取消订阅

2017/11/22 Javascript

ActiveX控件的使用-js实现打印超市小票功能代码详解

2017/11/22 Javascript

使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例

2018/01/25 jQuery

监控Nodejs的性能实例代码

2019/07/02 NodeJs

基于layui table返回的值的多级嵌套的解决方法

2019/09/19 Javascript

vue element upload组件 file-list的动态绑定实现

2019/10/11 Javascript

[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁

2018/04/04 DOTA

老生常谈Python startswith()函数与endswith函数

2017/09/08 Python

python 生成器和迭代器的原理解析

2019/10/12 Python

python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例

2020/02/28 Python

python求解汉诺塔游戏

2020/07/09 Python

Python爬虫爬取糗事百科段子实例分享

2020/07/31 Python

H5新属性audio音频和video视频的控制详解（推荐）

2016/12/09 HTML / CSS

我未来的职业规划范文

2014/01/11 职场文书

小学庆六一活动方案

2014/02/28 职场文书

升旗仪式演讲稿

2014/05/08 职场文书

优秀员工评优方案

2014/06/13 职场文书

新闻学专业求职信

2014/07/28 职场文书

离职报告范文

2014/11/04 职场文书

三种方式清除vue路由跳转router-link的历史记录

2022/04/10 Vue.js