cari

Rumah >hujung hadapan web >tutorial js >display和visibility的区别示例介绍_javascript技巧

display和visibility的区别示例介绍_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 16:58:151377semak imbas

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

visibility通常可以设置为hidden、visible

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

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

看例子即可明白：

复制代码 代码如下:








<script> <BR>function isVisibility(me){ <BR>if (me.style.visibility=="hidden"){ <BR>me.style.visibility="visible"; } <BR>else{ <BR>me.style.visibility="hidden"; <BR>} <BR>} <br><br>function isDisplay(me){ <BR>if (me.style.display=="none"){ <BR>me.style.display="block"; } <BR>else{ <BR>me.style.display="none"; <BR>} <BR>} <BR></script>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js获取当前地址 JS获取当前URL的示例代码_javascript技巧Artikel seterusnya：JS获取select的value和text值的简单实例_javascript技巧

Artikel berkaitan

Lihat lagi