Use Javascript to remove a div from DOM without jQuery

Question

I'm currently using jQuery to remove a div, but I'd like my project to not have to rely on a third party library for it to work. Say my div had the class .main, if I was using jQuery I'd write:

$("div.main").remove()

How would I do this with JS only?

No, you didn't. There are hundreds of questions with this topic on Stackoverflow and thousands of tutorials, blog posts, documentation pages and whatnot on the wider Internet. They would have been impossible to miss, if you only had tried half as long as it took you to write down this question. — Tomalak, Feb 27 '16 at 11:14

score 5 · Accepted Answer · edited May 23 '17 at 12:30

5

Duplicate question but try this: (Set an id for it)

var elem = document.getElementById("myDiv");
elem.parentNode.removeChild(elem);

or take a look at this topic:

Remove all elements of a certain class with JavaScript

edited May 23 '17 at 12:30

Community

1
1

answered Feb 27 '16 at 11:05

Pedram

15,766
10
44
73

Doesn't .remove(); Require jQuery? No it didn't work. – Verpz Feb 27 '16 at 11:09
I'm lost at the parentNode bit, sorry @jiff – Verpz Feb 27 '16 at 11:21
@Verpz see this example [JSFiddle](https://jsfiddle.net/jiffiddle/wk7qvv0q/) – Pedram Feb 27 '16 at 11:22

score 0 · Answer 2 · answered Feb 27 '16 at 11:04

0

Something like this :

el.parentNode.removeChild(el);

IE8+

answered Feb 27 '16 at 11:04

oiledCode

8,589
6
43
59

Use Javascript to remove a div from DOM without jQuery

2 Answers2