Use Javascript to remove a div from DOM without jQuery [duplicate]

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
– Tomalak, Commented Feb 27, 2016 at 11:14

Community · Accepted Answer · 2017-05-23 12:30:21Z

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, 2017 at 12:30

CommunityBot

11 silver badge

answered Feb 27, 2016 at 11:05

Pedram

16.7k10 gold badges47 silver badges73 bronze badges

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

3 Comments

Verpz Over a year ago

Doesn't .remove(); Require jQuery? No it didn't work.

Verpz Over a year ago

I'm lost at the parentNode bit, sorry @jiff

Pedram Over a year ago

@Verpz see this example JSFiddle

oiledCode · Accepted Answer · 2016-02-27 11:04:31Z

0

Something like this :

el.parentNode.removeChild(el);

IE8+

answered Feb 27, 2016 at 11:04

oiledCode

8,6396 gold badges45 silver badges60 bronze badges

Collectives™ on Stack Overflow

Use Javascript to remove a div from DOM without jQuery [duplicate]

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related