手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >display和visibility的区别示例介绍
display和visibility的区别示例介绍
摘要:display通常可以设置为none、inline、blockvisibility通常可以设置为hidden、visible当display...

display通常可以设置为none、inline、block

visibility通常可以设置为hidden、visible

当display为none,visibility为hidden时,元素都会不见。不过其还有不同之处。

display会将元素隐藏掉,并且位置不再被占据,而visibility则是占据原来的位置。

看例子即可明白:

复制代码 代码如下:

<div id="myDiv">

<p>

</p>

</div>

<input type="button" value="是否可见visibility" />

<input type="button" value="是否可见display" />

<script>

function isVisibility(me){

if (me.style.visibility=="hidden"){

me.style.visibility="visible"; }

else{

me.style.visibility="hidden";

}

}

function isDisplay(me){

if (me.style.display=="none"){

me.style.display="block"; }

else{

me.style.display="none";

}

}

</script>

【display和visibility的区别示例介绍】相关文章:

js控制excel打印完美解决方案

jQuery中 prop() attr()使用详解

JavaScript获取并更改input标签name属性的方法

javascript实现点击商品列表checkbox实时统计金额的方法

javascript瀑布流式图片懒加载实例

JavaScript中的sub()方法的使用介绍

JS实现浏览器菜单命令

Javascript 字符串模板的简单实现

浅谈javascript中for in 和 for each in的区别

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

精品推荐
分类导航