删除子节点错误

Question

我有下面的代码，我不断收到这个错误在Opera的问题：

Uncaught exception: DOMException: NOT_FOUND_ERR 

这在Chrome：

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 

此消息指removeInput功能：

function addInput() { 
    var div = document.createElement("div"); 
    var txt = "<div>Upload image: <input type='file' name='slika[]' /> <span onclick='removeInput(this.parentNode)' />Remove <img src='catalog/remove_icon.png' /></span></div>"; 
    div.innerHTML = txt; 
    document.getElementById('text').appendChild(div); 
} 

function removeInput(el) { 
    document.getElementById('text').removeChild(el); 
} 

问题是：如何删除由addInput函数创建的元素previosly？这是删除动态元素的正确方法吗？

Answer 1

el.parentNode.removeChild(el);

Answer 2

首先：您不需要在innerHTML中编写“<div>”，因为createElement默认会创建“<div></div>”。

为第二：如果你想删除最后插入的元素，你需要插入后，将其保存在全局变量

var lastInserted = null; 
function addInput() { 
    var div = document.createElement("div"); 
    var txt = "Upload image: <input type='file' name='slika[]' /> <span onclick='removeInput(this.parentNode)' />Remove <img src='catalog/remove_icon.png' /></span>"; 
    div.innerHTML = txt; 
    document.getElementById('text').appendChild(div); 
    lastInserted = div; 
} 

function removeInput() { 
    if(!lastInserted)return; 
    document.getElementById('text').removeChild(lastInserted); 
}