i have a div :

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

i try to hide div when page load :

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

anyone help me hide this div with lbStatus.Text = Close

i have a div :

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

i try to hide div when page load :

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

anyone help me hide this div with lbStatus.Text = Close

• javascript
• jquery

• is it not enought to make document.getElementById('postreply').style.display = 'none'; ? Then it's not visible and you can change it back when you need. – Sergio Commented Jul 5, 2013 at 7:49
• Hide in css first, then show it when finished loading? – elclanrs Commented Jul 5, 2013 at 7:49
• @elclanrs - if (s)he's having trouble hiding it, how will (s)he show it? ;) – Ben Commented Jul 5, 2013 at 7:52
• 1 i want to hide div with lbstatus.Text = close but i can't hide div – beginerdeveloper Commented Jul 5, 2013 at 7:53
• can't u set ClientIdMode = Static for your label and check the same code. – Chamaququm Commented Jul 5, 2013 at 8:01

5 Answers 5

Can't you simply use CSS for this?

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

Try this, once with $(document).ready, it executes when HTML-Document is loaded and DOM is ready where as window.onload executes when complete page is fully loaded, including all frames, objects and images

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

As you are using Asp.Net try to use ClientId property

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

Changed <%=lbStatus.ClientID%> instead of lbStatus

Reference: http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

You mix up between pure javascript and jQuery.
If you not include jquery library, use pure 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>

Looks like you need to remove the # sign.

$('postreply').hide();

Or, vanilla Javascript:

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

You can hide it from the start.

Either with javascript: document.getElementById('lbStatus').style.display = 'none'; and to get it back "visible" use document.getElementById('lbStatus').style.display = "";

or with css: #lbStatus{display: none;}