javascript - 如何使用javascript动态添加和删除Div标签

Question

我如何简单地实时删除和添加一个div？是的，我已经在页面上手动制作了 div，因此即使第一次运行该函数，它也会被删除。该 div 名为“testElem”

我正在尝试:

            var remDiv = document.getElementById('testElem');
            document.body.removeChild(remDiv);

             var divTag = document.createElement("div");
            divTag.id = "testElem";
            document.body.appendChild(divTag);

但脚本无法运行。我尝试在第一个 remDiv 之后放置一个“警报”进行测试。但它甚至没有通过那里。代码损坏了。在 Chrome 中，我尝试进入工具>Javascript 控制台，但没有错误。有没有更好的方法来调试 JavaScript，以便我可以看到错误是什么？

我只是想这样做，这样每次运行函数时它都会删除 div 中的内容，这样内容就不会加倍。每次都不一样。

Answer 1

使用 jQuery:

$('#testElem').remove();
$('body').append($('<div id="testElem"></div>'));