JavaScript，创建带有链接的 div，然后通过单击所述 div 删除

Question

我正在尝试创建一个普通的 JavaScript，当单击特定链接时，它会创建一个或多个 div。当所述 div 出现时，我希望能够通过单击该 div 将其删除。

到目前为止，我已经成功地在单击链接时创建了一个 div。

HTML:

    <div class="content">
        <a href="#" id="create-div">Click me!</a>
        <div id="target"></div>
    </div>

和 JavaScript:

(function() {
    'use strict';

    var createTarget = document.getElementById('target');
    var link = document.getElementById('create-div');

    function createDiv() {
        var content = '<div id="clickme"><div class="main"><div class="secondary"></div></div></div>';
        createTarget.innerHTML = content;
    }

    link.addEventListener("click", function() {
        createDiv();
    });

})();

我不明白的是如何在创建 div 后通过单击它来删除它？请记住，我是新手，目前正在尝试学习普通 JavaScript。我了解 jQuery 和所有其他库，但我宁愿先学习基本的 JavaScript。

通过 Google 的力量，我发现了“removeChild”，但我还没有找到如何通过单击它来使其在 div 上工作。

感谢所有帮助!

Answer 1

试试这个:

  createTarget.addEventListener("click", function() {
        var elem = document.getElementById('clickme'); // to get the id of the div that dynamically created
        elem.parentElement.removeChild(elem); // function removes specified child node of your specified element.
    });

查看此工作FIDDLE