javascript - 在 JavaScript 中添加和删除 body 中的 div

Question

我对 javascript 有点陌生，可能还有其他人已经问过类似的问题，但我希望你无论如何都能帮助我。 我正在尝试添加/删除 div 的简单基本操作。 添加工作正常，删除从未被调用。

function $(el) {
    return document.getElementById(el);
}

function remove() {
    console.log("remove called");
    var child = $('second');
}

function addContainer() {
    console.log("addContainer called");
    var aContainer = document.createElement('div');
    aContainer.setAttribute('id', 'second');
    aContainer.innerHTML = "<a href=\"#\" onclick=\"remove()\">second</a>";
    document.body.appendChild(aContainer);
}

在addContainer中我尝试添加onclick函数回调，但显然它不起作用。

这里是引用的jsfiddle http://jsfiddle.net/m8kyav2b/

你知道为什么吗 1-删除函数从未被调用？ 2-一旦我点击删除链接，innerHTML就会被删除，但div“第二个”不会被删除？

提前非常感谢

Answer 1

尝试一下，它会起作用:

DEMO

function $(el) {
    return document.getElementById(el);
}

function removeit() {
    alert("remove called");
    var child = $('second');
    child.remove();


}

function addContainer() {
    console.log("addContainer called");
    var aContainer = document.createElement('div');
    aContainer.setAttribute('id', 'second');
    aContainer.innerHTML = "<a href=\"#\" onclick=\"removeit()\">second</a>";
    document.body.appendChild(aContainer);
}

旁注:

调用remove()作为你的函数将不起作用，因为它是一个原生的javascript函数。 您实际上也没有删除函数中的 div!