動態刪除元素

Question

我試圖刪除我動態創建的元素。這是我如何創建它...

var divTag = document.createElement("div"); 
divTag.id = "affiliation"; 
divTag.innerHTML = "Stuff Here"; 

我試過幾種方法去除它沒有成功。這是迄今爲止我所擁有的。

var A = document.getElementById('affiliation'); 
A.parentNode.removeChild(A); 

建議？

Answer 1

如果您希望使用jQuery的，這是很容易消除：

$("#affiliation").remove(); 

對於普通的JavaScript，您可以使用此：

var node = document.getElementById("affiliation"); 
if (node.parentNode) { 
    node.parentNode.removeChild(node); 
} 

Answer 2

你追加到身體還是父母？

var divTag = document.createElement("div"); 
divTag.id = "affiliation"; 
divTag.innerHTML = "Stuff Here"; 
document.body.appendChild(divTag); 


element = document.getElementById("affiliation"); 
element.parentNode.removeChild(element);​ 

Answer 3

這段代碼對我來說很好。唯一的區別是我加的是「聯繫」 divTag的身體

function insert() { 
    var divTag = document.createElement("div"); 
    divTag.id = "affiliation"; 
    divTag.innerHTML = "Stuff Here"; 
    document.body.appendChild(divTag); 
} 
function remove() { 
    var A = document.getElementById('affiliation'); 
    A.parentNode.removeChild(A); 
} 

Answer 4

檢查Node.removeChild

var A = document.getElementById("affiliation"); 
if (A.parentNode) { 
    A.parentNode.removeChild(A); 
}