如何使用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>'));