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的区别示例介绍】相关文章:
★ JavaScript获取并更改input标签name属性的方法
★ javascript实现点击商品列表checkbox实时统计金额的方法
★ 浅谈javascript中for in 和 for each in的区别
★ Jquery跨浏览器文本复制插件Zero Clipboard的使用方法