javascript - 动态移除元素

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);
}