如何使用 javascript/jquery 设置 asp 面板元素可见/隐藏

我有一个asp:Panel我的页面上的元素。我可以在后面的代码中设置其可见性。但我还需要通过 javascipt 隐藏它。

My panel定义如下：

     <asp:Panel ID="pnlUpdateDisplay" runat="server" Visible="false" style="width:500px; border-width: thick;">
        <table style="width:300px;">
            <tr>
                <td valign="middle" style="width:120px" align="center">
                <asp:Label ID="lblUpdateMessage" runat="server" style="position:absolute; left: 120px; top: 120px;"></asp:Label>
                </td>
            </tr>
        </table>      
    </asp:Panel>

当我这样做时：

   var panel = document.getElementById('pnlUpdateDisplay');
   panel.style.visibility = 'hidden';
   panel.style.display='none';

有一个错误说：“错误：无法获取属性“样式”的值：对象为 null 或未定义”

有什么建议么？

Setting Visible=false到 ascx/aspx 标记中的服务器控件或 在代码后面阻止控件在 DOM 中呈现。那么你 在 DOM 中找不到它们，并且 JavaScript 无法访问它们

Better remove Visible="false"在面板中设置并添加样式display:none.

如果您想在代码后面进行操作，请遵循此代码

pnlUpdateDisplay.Style.Add(HtmlTextWriterStyle.Display,"none");

然后使用

$('#<%=pnlUpdateDisplay.ClientID %>').toggle()