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

不使用XMLHttpRequest实现异步加载 Iframe和script

Oct 29 Javascript

node.js中的fs.readFile方法使用说明

Dec 15 Javascript

javascript中几个容易混淆的概念总结

Apr 14 Javascript

JS组件Bootstrap Table使用实例分享

May 30 Javascript

JS简单获取及显示当前时间的方法

Aug 03 Javascript

基于WebUploader的文件上传js插件

Aug 19 Javascript

利用JavaScript对中文（汉字）进行排序实例详解

Jun 18 Javascript

angularjs $http调用接口的方式详解

Aug 13 Javascript

100行代码实现一个vue分页组功能

Nov 06 Javascript

Vue中图片Src使用变量的方法

Oct 30 Javascript

vue实现将数据存入vuex中以及从vuex中取出数据

Nov 08 Javascript

Vue data的数据响应式到底是如何实现的

Feb 11 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

example2.php

2006/10/09 PHP

php对二维数组进行排序的简单实例

2013/12/19 PHP

关于jQuery UI 使用心得及技巧

2012/10/10 Javascript

jQuery事件 delegate()使用方法介绍

2012/10/30 Javascript

JS前端框架关于重构的失败经验分享

2013/03/17 Javascript

js实现网页倒计时、网站已运行时间功能的代码3例

2014/04/14 Javascript

jquery ui bootstrap 实现自定义风格

2014/11/14 Javascript

jQuery中append()方法用法实例

2015/01/08 Javascript

javascript实现限制上传文件大小

2015/02/06 Javascript

javascript中的正则表达式使用详解

2015/08/30 Javascript

JavaScript判断FileUpload控件上传文件类型

2015/09/28 Javascript

JavaScript实现标题栏文字轮播效果代码

2015/10/24 Javascript

JS自定义混合Mixin函数示例

2016/11/26 Javascript

创建一般js对象的几种方式

2017/01/19 Javascript

使用vue-cli+webpack搭建vue开发环境的方法

2017/12/22 Javascript

Vue起步(无cli)的啊教程详解

2019/04/11 Javascript

解决vue+router路由跳转不起作用的一项原因

2020/07/19 Javascript

[02:16]深扒TI7聊天轮盘语音出处2

2017/05/11 DOTA

[06:48]DOTA2-DPC中国联赛2月26日Recap集锦

2021/03/11 DOTA

Python实现的监测服务器硬盘使用率脚本分享

2014/11/07 Python

python实现数组插入新元素的方法

2015/05/22 Python

学生信息管理系统Python面向对象版

2019/01/30 Python

一篇文章了解Python中常见的序列化操作

2019/06/20 Python

Pytorch之parameters的使用

2019/12/31 Python

python和node.js生成当前时间戳的示例

2020/09/29 Python

纯HTML5+CSS3制作图片旋转

2016/01/12 HTML / CSS

SEPHORA新西兰官方网站：购买化妆品和护肤品

2016/12/02 全球购物

Linux管理员面试题 Linux admin interview questions

2016/07/08 面试题

初级Java程序员面试题

2016/03/03 面试题

2015年校长新年寄语

2014/12/08 职场文书

2015年清明节网上祭英烈留言寄语

2015/03/04 职场文书

刑事附带民事起诉状

2015/05/19 职场文书

母亲节主题班会

2015/08/14 职场文书

2016优秀大学生个人事迹材料范文

2016/03/01 职场文书

创业计划书之婴幼儿游泳馆

2019/09/11 职场文书

Python中递归以及递归遍历目录详解

2021/10/24 Python