通过

Sys.UI.DomElement setVisibilityMode 方法

更新：2007 年 11 月

设置通过调用 Sys.UI.DomElement.setVisible 方法隐藏 DOM 元素时该元素的布局特征。此成员是静态的，可在不创建类实例的情况下调用。

Sys.UI.DomElement.setVisibilityMode(element, Sys.UI.VisibilityMode.hide);

参数

项

定义

element

目标 DOM 元素。

value

Sys.UI.VisibilityMode 枚举值。

备注

使用 setVisibilityMode 方法可以设置通过调用 Sys.UI.DomElement.setVisible 方法隐藏 DOM 元素时该元素的布局特征。例如，如果 value 设置为 Sys.UI.VisibilityMode.collapse，则当调用 setVisible 方法隐藏该元素时，该元素不占用页面上的空间。

示例

下面的示例演示如何使用 setVisibilityMode 方法。

<!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 setVisibilityMode 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);
    
    // This method is 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>

请参见

参考

Sys.UI.DomElement 类

其他资源

语言参考