AJAX UpdatePanel.Visible 属性不适用于 Javascript

Question

我有下面的代码。当用户单击“隐藏”按钮时，我想通过使用 Javascript（无需访问服务器）来隐藏更新面板。尽管 javascript 函数在调试中似乎运行良好，但它并没有隐藏！

<script type="text/javascript" language="javascript">

    function Show() {
        document.getElementById("UpdatePanel1").Visible = true;
    }
    function Hide() {
        document.getElementById("UpdatePanel1").Visible = false;
    }


</script>

    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Button ID="btnShow" runat="server" Text="Show" OnClientClick="Show(); return false;" />
    <asp:Button ID="BtnHide" runat="server" Text="Hide" OnClientClick="Hide(); return false;" />

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <br />
            <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
            <br />
            <asp:Button ID="btnSubmit" runat="server" Text="Gönder" 
                onclick="btnSubmit_Click" />
            <br />
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
</form>

Answer 1

你需要使用 UpdatePanel1 的客户端 id 所以

document.getElementById('<%=UpdatePanel1.ClientID%>');