更新：2007 年 11 月
返回一个值，该值表示在通过调用 Sys.UI.DomElement.setVisible 方法隐藏 DOM 元素时该元素的布局特征。此成员是静态的，可在不创建类实例的情况下调用。
var v = Sys.UI.DomElement.getVisibilityMode(element);
参数
项 |
定义 |
|---|---|
element |
目标 DOM 元素。 |
返回
一个 Sys.UI.VisibilityMode 枚举值，该值指示在通过调用 setVisible 方法隐藏 element 时，该元素的布局特性。
备注
使用 getVisibilityMode 方法可确定在通过调用 setVisible 方法隐藏 DOM 元素时，该元素的布局特性。例如，如果 value 为 Sys.UI.VisibilityMode.hide，则在调用 setVisible 方法来隐藏元素时，该元素会占据空间。
有关如何设置隐藏 DOM 元素的布局特性的信息，请参见 Sys.UI.DomElement setVisibilityMode 方法。
示例
下面的示例演示如何使用 getVisibilityMode 方法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Example of getVisibilityMode Method</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true" />
<asp:UpdatePanel ID="UpdatePanel1"
runat="server"
ChildrenAsTriggers="False"
UpdateMode="Conditional">
<ContentTemplate>
<asp:Panel ID="Panel1"
runat="server"
GroupingText="Update Panel">
<br />
<asp:Label ID="Label1"
runat="server"
BackColor="Blue"
ForeColor="White"
Text="Label1"></asp:Label>
<p></p>
<asp:Button ID="Button1"
runat="server"
Text="Toggle Visibility of Label1" />
<asp:Button ID="Button2"
runat="server"
Text="Toggle VisibilityMode of Label1" />
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
<script type="text/javascript">
// Add handlers using the $get shortcut to the
//Sys.UI.DomElement.getElementById method
$addHandler($get("Button1"), "click", toggleVisible);
$addHandler($get("Button2"), "click", toggleVisibilityMode);
// Method called when Button2 is clicked
function toggleVisible() {
var anElement = $get("Label1");
if (Sys.UI.DomElement.getVisible(anElement)){
Sys.UI.DomElement.setVisible(anElement, false);
}
else{
Sys.UI.DomElement.setVisible(anElement, true);
}
}
// This method is called when Button1 is clicked.
function toggleVisibilityMode() {
var anElement = $get("Label1");
var visMode = Sys.UI.DomElement.getVisibilityMode(anElement);
var status = visMode
if (visMode === 0){
Sys.UI.DomElement.setVisibilityMode(anElement,
Sys.UI.VisibilityMode.collapse);
if (document.all)
{
anElement.innerText =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.collapse";
}
else{
//Firefox
anElement.textContent =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.collapse";
}
}
else{
Sys.UI.DomElement.setVisibilityMode(anElement,
Sys.UI.VisibilityMode.hide);
if (document.all)
{
anElement.innerText =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.hide";
}
else{
//Firefox
anElement.textContent =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.hide";
}
}
}
</script>