javascript - 如何使用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父母，然后你可以removeChild用来remvediv2

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