如何在不使用C＃代碼使用Runat Server的情況下隱藏div

Question

我有兩個條件，我想使用javascript或c＃代碼隱藏和顯示div 。 使用runat="server" ，我可以使用C＃隱藏div。 有可能用javascript隱藏div嗎？ 我嘗試了以下方法：

<div id="divpassword" runat="server" style="display: none;" >
----
----
</div>

document.getElementById('<%= divpassword.ClientID %>').style.display = 'block';

Answer 1

您可以使用runat="server" ，也可以使用clientidmode="static"從div隱藏div。

<div id="divpassword" runat="server" clientidmode="static" style="display: none;" >
----
----
</div>

document.getElementById('divpassword').style.display = 'block';

Answer 2

如果您使用jQuery，則可以非常輕松地完成。

$( "#divpassword" ).hide();

而且，如果您需要使用純Java腳本執行此操作，則以下鏈接可能會有所幫助- 使用JavaScript顯示/隱藏“ div”

Answer 3

您可以采取多種方式。

方式1：

<div id="divpassword" runat="server" style="display: none;" >
----
----
</div>
<script language="javascript">document.getElementById('<%= divpassword.ClientID %>').style.display = 'block';</script>

方式2：

<div id="divpassword" runat="server" clientidmode="static" style="display: none;" >
----
----
</div>
<script language="javascript">document.getElementById('divpassword').style.display = 'block';</script>