Sys.UI.DomElement getVisibilityMode 메서드
업데이트: 2007년 11월
Sys.UI.DomElement.setVisible 메서드를 호출하여 DOM 요소를 숨긴 경우 해당 요소의 레이아웃 특성을 나타내는 값을 반환합니다. 이 멤버는 정적 멤버이며 클래스의 인스턴스를 만들지 않고 호출할 수 있습니다.
var v = Sys.UI.DomElement.getVisibilityMode(element);
매개 변수
값 |
정의 |
|---|---|
element |
대상 DOM 요소입니다. |
반환 값
setVisible 메서드를 호출하여 숨김 상태로 설정된 element의 레이아웃 특성을 나타내는 Sys.UI.VisibilityMode 열거형 값입니다.
설명
getVisibilityMode 메서드를 사용하면 setVisible 메서드를 호출하여 숨김 상태로 설정된 DOM 요소의 레이아웃 특성을 확인할 수 있습니다. 예를 들어 value가 Sys.UI.VisibilityMode.hide인 경우 setVisible 메서드를 호출하여 DOM 요소를 숨기면 해당 요소는 공간을 차지합니다.
숨겨진 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>