Style visibility 屬性

定義和用法

visibility 屬性設(shè)置元素是否應(yīng)該是可見的。

visibility 屬性允許作者顯示或隱藏一個元素。與 display 屬性類似。然而，不同的是，如果您設(shè)置 display:none，將隱藏整個元素，如果您設(shè)置 visibility:hidden，元素的內(nèi)容將不可見，但元素仍保持原來的位置和大小。

語法

設(shè)置 visibility 屬性：

Object.style.visibility="visible|hidden|collapse|inherit"

返回 visibility 屬性：

Object.style.visibility

值	描述
visible	默認(rèn)。元素是可見的。
hidden	元素是不可見的，但仍然影響布局。
collapse	當(dāng)在表格行或單元格中使用時，該元素是不可見的（與 "hidden" 相同）。
inherit	visibility 屬性的值從父元素繼承。

瀏覽器支持

所有主要瀏覽器都支持 visibility 屬性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

實例

隱藏元素的內(nèi)容：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<script>
function demoDisplay(){
????document.getElementById("p1").style.display="none";
}
function demoVisibility(){
????document.getElementById("p2").style.visibility="hidden";
}
</script>
</head>
<body>

<p id="p1">這是一些文本。</p>
<p id="p2">這是一些文本。</p>
<input type="button" onclick="demoDisplay()" value="隱藏顯示屬性的文本">
<input type="button" onclick="demoVisibility()" value="具有可見性屬性的隱藏文本">

</body>
</html>

運行代碼 ?

Style 對象其他擴展

上一篇：Style verticalAlign 屬性下一篇：Style whiteSpace 屬性