asp.net - style.visibility 在 FireFox 中不起作用

Question

我有一个带有面板的 aspx 页面。我正在使用面板来显示消息框。面板 ID 是“panMessage”。该面板包含一个按钮标签“隐藏”。我正在使用隐藏代码显示面板，但需要在用户单击“隐藏”按钮时使用 JS 关闭面板。我在按钮的 onclick 事件中附加了以下代码 -

onclick="javascript:(<%=panMessage.ClientID%>).style.visibility='hidden';"

点击事件在 IE 中运行良好，但在 FireFox 中运行不佳。我用谷歌搜索并将代码更改为 -

onclick="javascript:(<%=panMessage.ClientID%>).style.display='none';"

但代码仍然无法正常工作，即面板不会隐藏在 FireFox 中，尽管它也可以在 IE 中使用此新代码。

有人可以指导我我做错了什么吗？

感谢您的合作。

Answer 1

在我看来问题在于(<%=panMessage.ClientID%>) .

onclick="(<%=panMessage.ClientID%>).style.display='none';"

渲染时会给出类似的东西:

onclick="(panMessage_1).style.display='none';"

你应该放这样的东西:

onclick="document.getElementById('<%=panMessage.ClientID%>').style.display='none';"