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
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);
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);
Problem in your code
list.removeChild("div2"")); <<== ") is additional
Use modern JS!
const div = document.getElementById("div2");
div.remove();
or just
document.getElementById("div2").remove()
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'));
