CODEWITHSUNDEEP
javascriptparent
user1373748
user1373748

Reputation: 33

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.

Upvotes: 3

Views: 4483

Answers (3)

Automatico
Automatico

Reputation: 12916

Use jQuery for this:

$("#comments_section").parent().hide()

Or, you could do this the right way:

$("div.content.content_green").hide()

Currently you don't use jquery. Visit jQuery documentation

Upvotes: 1

Zach Shipley
Zach Shipley

Reputation: 1092

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.

Upvotes: 2

bobek
bobek

Reputation: 8020

You didn't close the child div. IE is rather prone to errors and will yield at you. 

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

Upvotes: 2

Related Questions