JS控制HTML元素的显示和隐藏的两种方法
更新时间：2016年09月27日 15:07:01 投稿：mrr
本文给大家分享两种方法来控制html元素的显示和隐藏，分别利用html的style中两个属性，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
利用来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插件化开发教程，十分的详细，2015-01-01
这篇文章主要介绍了PHP读取远程txt文档到数组并实现遍历,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
uni-app是一种基于Vue.js的跨平台开发框架,允许开发者使用统一的代码编写多端应用,这篇文章主要给大家介绍了关于uni-app app引入天地图的相关资料,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了JS实现的JSON数组去重算法,结合实例形式分析了javascript针对json数组的遍历、判断实现去重复功能相关操作技巧,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了weui中的picker使用js进行动态绑定数据问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-11-11
微信小程序最新获取头像信息之前是使用open-dada获取微信头像和昵称,但是后面由于官网更新,此方法被收回了,所以不能使用此方法了,下面这篇文章主要给大家介绍了关于微信小程序获取头像和昵称的最新方法,本文介绍的方法可以直接拿来用,需要的朋友可以参考下2023-05-05![Bootstrap 中data-[*] 属性的整理](//img.jbzj.com/images/xgimg/bcimg6.png)
本文给大家收藏整理了关于Bootstrap 中data-[*] 属性的相关知识，感兴趣的朋友一起看看吧2018-03-03
显示本地时间的方法有很多，在本文将为大家介绍下如何使用html+js实现动态显示本地时间，感兴趣的朋友可以了解下2013-09-09
这篇文章主要给大家介绍了关于echarts同一页面中四个图表切换的js数据交互的相关资料，文中给出了完整的示例代码供大家参考学习，对大家的学习或者工作具有一定的帮助，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
今天小编就为大家分享一篇Layui给switch添加响应事件的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
![Bootstrap 中data-[*] 属性的整理](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论