頁面加載時隱藏並顯示div

Question

我有一個div：

<div id="postreply">
    <asp:Label ID="lbStatus" CssClass="input-large1" runat="server" Text="Close" Width="600px"></asp:Label>
</div>

當頁面加載時，我嘗試隱藏div：

<script type="text/javascript">
window.onload = function() {            
        var x = document.getElementById('lbStatus').innerText;
        if(x == "Close"){
            $("#postreply").hide();
        }
    }</script>

任何人都可以通過lbStatus.Text = Close來隱藏此div

Answer 1

您不能為此簡單地使用CSS嗎？

#postreply {
   display: none; /* onLoad your div will be hidden */
}

Answer 2

嘗試使用$(document).ready ，它在加載HTML-Document且DOM准備就緒時執行，而window.onload在完全加載完整頁面（包括所有框架，對象和圖像）時執行

$(document).ready(function() {
    if($("#lbStatus").val() == "Close"){
        $("#postreply").hide();
    }
});

當您使用Asp.Net嘗試使用ClientId屬性

$(document).ready(function() {
    if($("#<%=lbStatus.ClientID%>").val() == "Close"){
        $("#postreply").hide();
    }
});

已更改<%=lbStatus.ClientID%>而不是lbStatus

參考：http: //4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

Answer 3

您混合使用純JavaScript和jQuery。
如果您不包括jquery庫，請使用純JavaScript。

<script type="text/javascript">
  window.onload = function() {            
    var x = document.getElementById('lbStatus').innerText;
    if(x == "Close"){
      // $("#postreply").hide();
      document.getElementById('postreply').style.display = 'none';
    }
  }
</script>

Answer 4

看來您需要刪除#號。

$（'postreply'）。hide（）;

或者，香草Javascript：

document.getElementById('postreply').style.display = 'none';

Answer 5

您可以從一開始就將其隱藏。

使用javascript document.getElementById('lbStatus').style.display = 'none'; ： document.getElementById('lbStatus').style.display = 'none'; 並將其恢復為“可見”，請使用document.getElementById('lbStatus').style.display = "";

或使用CSS ： #lbStatus{display: none;}