Question

我正在尝试创建一个vanilla javascript，在点击特定链接时创建一个div或更多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后点击它来删除div？请记住，我是新手，现在正在尝试学习vanilla JavaScript。我了解jQuery和所有其他库，但我宁愿学习基本的JavaScript开始。

通过谷歌的力量，我发现了“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

JavaScript，使用链接创建div，然后通过单击所述div删除

1 个答案: