How to remove Div elements in javascript using their id?

Question

Possible Duplicate:
JavaScript: remove element by id

I only know their respective ids and don't know specifically about their parent nodes....

if you dont want to use javascript because parent nodes then you should use jquery — shareef, Jun 18 '12 at 10:04
@shareef jQuery uses parent nodes. jQuery is just a javascript function, you know. — Florian Margaine, Jun 18 '12 at 10:18
http://stackoverflow.com/questions/15759882/jquery-finding-duplicate-ids-and-removing-all-but-the-first — Evgenii, Nov 02 '15 at 14:44

score 28 · Answer 1 · answered Jun 18 '12 at 10:02

28

You can use parentNode on the element to get its parent, and use removeChild on it.

var el = document.getElementById( 'id' );
el.parentNode.removeChild( el );

answered Jun 18 '12 at 10:02

Florian Margaine

Actually I am tring to remove the div elements of Google Hangouts Page, while loading my application. – NOVICE TANUJ Jun 18 '12 at 11:03

score 22 · Answer 2 · answered Jun 18 '12 at 10:03

22

In jQuery, just $('#your_id').remove(); will work.

answered Jun 18 '12 at 10:03

xdazz

2

+1 for showing how easy it's done with jQuery, even though the OP didn't ask for it. ) – raina77ow Jun 18 '12 at 10:04
3

@raina77ow your statement says the following "congratulations for promoting a certain project" and "the OP didn't mention being able to use this library but what the heck +1 none the less". In other cases answers that require an external library that wasn't specifically asked for or accepted as a possibility by the op are downvoted. – Mihai Stancu Jun 18 '12 at 21:25
1

Well, in my environment it's always beneficial to use some library instead of writing your own code - unless one has **very** strong reasons not to do so. Besides, I suppose the OP just begins to learn JavaScript: in that case studying jQuery as well will save him a LOT of time - as this answer clearly shows. If you want him to reinvent the wheel instead, good luck. – raina77ow Jun 18 '12 at 21:34

2 Answers2