[HTML]显示/隐藏DIV的技巧(visibility与display的差别)

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

　　style="visibility: none;"

　　document.getElementById("typediv1").style.visibility="hidden";//隐藏

　　document.getElementById("typediv1").style.visibility="visible";//显示

　　通过设置display属性可以使div隐藏后释放占用的页面空间，如下

　　style="display: none;"

　　document.getElementById("typediv1").style.display="none";//隐藏

　　document.getElementById("typediv1").style.display="";//显示

[HTML]显示/隐藏DIV的技巧(visibility与display的差别)相关推荐

原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一首先是进行js演示和讲解. 首先是display的方法 ...
JS jQuery显示隐藏div的几种方法
<div id="demo">AAA</div> JS隐藏和显示div的方式有两种: 方式1:隐藏后释放占用的页面空间通过设置display属性可以使di ...
html5 js 隐藏div,javascript如何显示隐藏div
javascript显示隐藏div的方法:创建一个showhidediv的方法,直接跟ID属性调用,代码为[var sbtitle=document.getElementById(id)]. 本教程操 ...
Javascript显示隐藏DIV
1.创建一个showhidediv的方法,直接跟ID属性调用: <script language="javascript"> function showhidediv( ...
jquery 实现背景图片循环切换，显示隐藏div
jquery实现图片背景循环切换,显示隐藏一个div. <script type="text/javascript"> $(function(){ $("#t ...
CSS实线鼠标移入显示隐藏div
用CSS中的 hover 事件,实线鼠标移入显示隐藏元素. 效果如下: 代码如下: <!DOCTYPE html> <html><head><meta cha ...
css中显示隐藏div层,JS CSS 显示隐藏DIV 层
匿名用户 1级 2011-01-12 回答调整了下标签的位置一般js要放在css后面最好js放在dom最后,等待dom解释完毕再执行js代码无标题文档 #div1{ border:1px #0 ...
原生js设置div隐藏或者显示_使用JavaScript显示/隐藏‘div’
如何显示或隐藏元素: 为了显示或隐藏元素,操作元素的风格属性..在大多数情况下,您可能只想更改元素的display财产:element.style.display = 'none'; ...
在css中怎么显示隐藏div,css中实现div的显示和隐藏
div的visibility能够控制div的显示和隐藏,可是隐藏后页面显示空白: style="visibility: none;" document.getElementById ...

[HTML]显示/隐藏DIV的技巧(visibility与display的差别)

[HTML]显示/隐藏DIV的技巧(visibility与display的差别)相关推荐

最新文章

热门文章