如何使用javascript删除子div

时间:2013-10-09 08:28:27

标签: javascript html

这是我的HTML

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

这是我的剧本

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

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

4 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:3)

您需要找到div2个父级,然后您可以使用removeChild删除div2

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

Demo

代码中的问题

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

答案 2 :(得分:1)

使用现代JS!

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

或只是

__init__.py

答案 3 :(得分:0)

尝试删除像这样的元素

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