如何使用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'));