how to hide an html div by id using javascript

Question

I am trying to hide an HTML div with Javascript and am getting an error

JavaScript runtime error: Unable to get property 'style' of undefined or null reference

Here is my JavaScript code:

if (typeof(jsondata[0]) == 'undefined') {
    alert('should be hidden');
    document.getElementById("unassignedDevices").style.visibility = "hidden";
}

and here is my HTML:

<div id="unassignedDevices">
    <button id="unassignedDevicesbutton" class="button-basicmenu" onclick="findUnassignedDevices();">Find unassigned Devices</button>

    <table id="gridunassignedDevices"></table>

</div>

So when I start debugging, the page alerts 'should be hidden' and then I get the JavaScript runtime error.

How can I hide this div?

possible duplicate of Why does jQuery or a DOM method such as getElementById not find the element? — Teemu
– Teemu, Commented May 12, 2015 at 16:45
set breakpoint where the alert is and check if your div exists in the dom or something has removed it — Pavel Kolev
– Pavel Kolev, Commented May 12, 2015 at 16:51

Ted · Accepted Answer · 2015-05-12 16:43:24Z

3

$(document).ready(function(){
   if (typeof (jsondata[0]) == 'undefined') {
      $('#unassignedDevices').hide();
    }
});

answered May 12, 2015 at 16:43

Ted

14.9k2 gold badges43 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AquaFlaskBrem · Accepted Answer · 2015-05-12 17:22:23Z

1

Javascript is faster than jQuery a little bit, but why cant you used jQuery instead of pure javascript alone ?

hir is sample code for the hide option. sample 1:

 $(document).ready(function(){
         $('#id').hide();
     });

sample 2:

$(function(){
   var index = {
      init: function(){
        //all jQuery calls
        $(document).on('click', '#id', this.exe_this_func);
      },
      exe_this_func: function(e){
          $(this).hide();
          e.preventDefault();
      }
   }
   index.init();
})();

answered May 12, 2015 at 17:22

AquaFlaskBrem

1011 silver badge11 bronze badges

Collectives™ on Stack Overflow

how to hide an html div by id using javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related