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

このスニペットは私にとっては問題なく機能します。唯一の違いは、「所属」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 2

jQueryを使用したい場合は、簡単に削除できます。

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

通常のJavaScriptの場合、これを使用できます。

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

Answer 3

ボディまたは親に追加しましたか?

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 4

Node.removeChildを確認してください

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