动态删除元素

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

这个片段对我很有用。唯一的区别是我将“affiliation”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);
}