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 相关文章推荐
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
使用纯javascript实现放大镜效果
Mar 18 Javascript
详解javascript中的事件处理
Nov 06 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
详解Node.js:events事件模块
Nov 24 Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 Javascript
node.js入门教程之querystring模块的使用方法
Feb 27 Javascript
关于Vue中$refs的探索浅析
Nov 05 Javascript
Vue仿百度搜索功能
Dec 28 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基础知识:类与对象(5) static
2006/12/13 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
13 个JavaScript 性能提升技巧分享
2012/07/26 Javascript
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
浅谈JavaScript函数节流
2014/12/09 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
AngularJS全局警告框实现方法示例
2017/05/18 Javascript
layui select获取自定义属性方法
2018/08/15 Javascript
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
Python 互换字典的键值对实例
2019/02/12 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
美国最大点评网站:Yelp
2018/02/14 全球购物
优秀求职信范文分享
2013/12/19 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
售后客服个人自我评价
2014/09/14 职场文书
公司2014年度工作总结
2014/12/10 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
创卫工作总结2015
2015/04/22 职场文书
电影开国大典观后感
2015/06/04 职场文书
花田少年史观后感
2015/06/16 职场文书
学生会招新宣传语
2015/07/13 职场文书
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
Shell脚本一键安装Nginx服务自定义Nginx版本
2022/03/20 Servers
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏