使用 Javascript 检查 Div 在 ASP.NET 中的可见性

Question

如何使用 JavaScript 和 ASP.Net 检查 div 的可见性是否被隐藏？

如果您看下面，如果 div 不可见，我将使用 "if statement" 到 return 警报 ("hi")。然而，代码不起作用。

感谢任何帮助，谢谢。语言是 C#/JavaScript

<script>
function emptyRunReportConfirmation() {
var divDateFiltersID = document.getElementById('<%=divDateFilters.ClientID%>'); 

if (divDateFiltersID.style.visibility == "hidden") {
    alert("hi");
}
}
</script>

<!-- this is a button to call the function -->
<asp:Button ID="buttCustomerFilt" runat="server" class="btn btn-primary" ClientIDMode="Static" Text="Run Report" OnClientClick="if ( ! emptyRunReportConfirmation()) return false;" OnClick="buttCustomerFilt_Click" /></div> 

<!-- this is the div to check if visible -->
<div runat="server" id="divDateFilters" visible="false"></div>

Answer 1

在 runat="server" 元素上设置 visible="false" 将从页面中完全删除该元素。 DIV 元素根本不会呈现。您可以检查您的 HTML 来验证这一点。

这有点取决于你想做什么，但在这种情况下，如果你使用 visible="false" 你可以检查变量是否为空以查看元素是否存在。

if (!divDateFiltersID) {
    alert("hi");
}

使用 Javascript 检查 Div 在 ASP.NET 中的可见性

Checking Div Visibility in ASP.NET using Javascript

javascript

asp.net

visible