如何清空div的内容

Question

有人知道如何在JavaScript中清空div的内容(不破坏它)吗？

谢谢,

布鲁诺

Answer 1

如果您的div看起来像这样:

<div id="MyDiv">content in here</div>

然后这个Javascript:

document.getElementById("MyDiv").innerHTML = "";

将使它看起来像这样:

<div id="MyDiv"></div>

Answer 2

如果你正在使用jQuery ......

$('div').html('');

要么

$('div').empty();

Answer 3

一种替代方法是：

var div = document.getElementById('myDiv');
while(div.firstChild)
    div.removeChild(div.firstChild);

但是，使用document.getElementById('myDiv').innerHTML = "";速度更快。

请参阅：基准测试

NB

两种方法都保留div。