JavaScriptでDivの可視性を確認する

Question

JavaScriptとASP.Netを使用してdivの可視性が隠されているかどうかを確認するにはどうすればよいですか？

以下のように表示されている場合は、divが表示されていない場合、警告（ "hi"）を返すために "if文"を使用しています。しかし、コードは機能していません。

ご協力いただきありがとうございます。言語はC＃/ JavaScriptがrunat="server"要素にvisible="false"を設定

<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

あるページから完全に要素を削除します。 DIV要素はレンダリングされません。あなたはこれを確認するためにあなたのHTMLをチェックすることができます。

あなたのやりたいことに少し依存しますが、この場合はvisible="false"を使用すると、変数が空であるかどうかを調べて要素が存在するかどうかを確認できます。

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