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";

利用上述方法实现隐藏后,页面的位置不被占用。

Javascript 相关文章推荐
javascript中巧用“闭包”实现程序的暂停执行功能
Apr 04 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
JavaScript严格模式下关于this的几种指向详解
Jul 12 Javascript
基于ionic实现下拉刷新功能
May 10 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
Vue 用Vant实现时间选择器的示例代码
Oct 25 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
webpack常用构建优化策略小结
Nov 21 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 冒泡排序 交换排序法
2011/05/10 PHP
PHP的array_diff()函数在处理大数组时的效率问题
2011/11/27 PHP
PHP中each与list用法分析
2016/01/08 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
一个选择最快的服务器转向代码
2009/04/27 Javascript
JavaScript 继承详解(一)
2009/07/13 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
jQuery实现table表格checkbox全选的方法分析
2018/07/04 jQuery
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
2019/07/10 jQuery
Typescript的三种运行方式(小结)
2019/09/18 Javascript
JS加载解析Markdown文档过程详解
2020/05/19 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
Python对称的二叉树多种思路实现方法
2020/02/28 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
总经理岗位职责范本
2014/02/02 职场文书
音乐教育感言
2014/03/05 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript
JS高级程序设计之class继承重点详解
2022/07/07 Javascript