如何使用javascript删除子div

Question

这是我的HTML

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

这是我的剧本

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

当我点击按钮我需要删除子div（div2）如何做到这一点。 使用此代码我面临问题请告诉。 帮我 。 我们有任何其他解决方案来解决这个问题

Answer 1

你有双引号和双括号最后。 而且我不确定你要做什么。 如果您要删除ID为“div2”的元素，请使用：

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

Answer 2

你需要找到div2 parent，然后你可以使用removeChild来提取div2

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

演示

您的代码中存在问题

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

Answer 3

使用现代JS！

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

要不就

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

Answer 4

尝试删除这样的元素

//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'));