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

时间:2016-10-19 17:16:28

标签: javascript asp.net visible

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

如果你看下面,我正在使用“if语句”来返回一个警告(“hi”)如果div不可见。然而,代码不起作用。

感谢任何帮助,谢谢。语言是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>

1 个答案:

答案 0 :(得分:1)

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

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

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