Search code examples
javascriptparent

Hide Parent of Div

I'm simply trying to hide the parent div comments_section.

<div class="content content_green">
    <div id="comments_section"></div>
</div>

I tried this: 

document.getElementById("comments_section").parentNode.style.display = "none"

which worked, but gives me this error in IE 9:

Unable to get value of the property 'parentNode': object is null or underfined.

I'm very new to JavaScript, so I'm not sure how to fix this error or if it's even the right approach. Thanks in advance.

Solution

  • Well, you tagged this jQuery so I'll provide the "jQuery way":

    jQuery('#comments_section').parent().hide();

    EDIT: @bobek gives the reason why your problem occurred in the first place. He is correct. I should note that with jQuery, you'd still have the problem but no error.