how to remove child div using javascript

Question

this my html

<div>
    <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</div>

this my script

var list=document.getElementById("div2");
list.removeChild("div2""));

when i click the buttton i need to remove the child div(div2) how to do that. using this code i am facing problem please tell. help me . we have any other solution for this problem

Asked so many times http://stackoverflow.com/questions/3387427/javascript-remove-element-by-id You should search before you ask. — TigOldBitties, Oct 09 '13 at 08:35

score 11 · Accepted Answer · answered Oct 09 '13 at 08:30

11

you have double quotes and double braces at the end. And I'm not sure what you're trying to do. If you'd like to remove element with the id "div2", use:

var list=document.getElementById("div2");
list.parentNode.removeChild(list);

answered Oct 09 '13 at 08:30

Sam Braslavskiy

1,268
10
19

Do you have any idea regarding not to remove rather detach a concerned div.? – Dila Gurung Apr 14 '18 at 19:38

score 3 · Answer 2 · answered Oct 09 '13 at 08:33

3

You need to find div2 parent and then you can use removeChild to remve div2

var list=document.getElementById("div2");
var parentDiv = list.parentNode;
parentDiv.removeChild(list);

Demo

Problem in your code

list.removeChild("div2"")); <<== ") is additional

answered Oct 09 '13 at 08:33

Satpal

132,252
13
159
168

1

What's the difference between your answer and what I have posted earlier? – Sam Braslavskiy Oct 09 '13 at 08:36
2

@SamBraslavskiy, Its not different but I was working on demo while you posted and I assure you its not copied – Satpal Oct 09 '13 at 08:37
1

Totally believe you. Liked your answer, since we're at some degree like-minded) – Sam Braslavskiy Oct 09 '13 at 08:56

score 2 · Answer 3 · edited Feb 28 '19 at 10:12

2

Use modern JS!

const div = document.getElementById("div2");
div.remove();

or just

document.getElementById("div2").remove()

edited Feb 28 '19 at 10:12

Javed

5,904
4
46
71

answered Aug 13 '17 at 21:10

Gibolt

42,564
15
187
127

score 0 · Answer 4 · answered Oct 09 '13 at 08:34

0

try removing the elements like this

//HTML MARKUP

<div id="div1">
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</div>

//Javascript
var list=document.getElementById('div1');

list.removeChild(list.getElementById('div2'));

answered Oct 09 '13 at 08:34

Vinay Pratap Singh Bhadauria

9,829
3
28
49

how to remove child div using javascript

4 Answers4