2013-10-09 55 views
3

这是我的HTML如何使用JavaScript

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

这是我的脚本

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

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

+1

问了这么多次http://stackoverflow.com/questions/3387427/javascript-remove-element-by-id你问之前,您应该搜索。 – TigOldBitties

回答

5

你有双引号和双括号在最后。我不确定你想要做什么。如果您想id为 “DIV2” 删除元素,使用方法:

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

你需要找到div2父母,然后就可以使用removeChild到remve div2

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

Demo

代码中的问题

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

你的回答和我之前发布的内容有什么区别? –

+0

@SamBraslavskiy,它没有什么不同,但我在演示时正在制作,并且我向你保证它不会被复制。 – Satpal

+0

完全相信你。喜欢你的答案,因为我们在某种程度上相似) –

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

使用现代JS!

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

或只是

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