如何在DOM中“刷新”元素？

Question

我有一个空的DIV元素，我在其中使用函数createElement（“img”）附加图像并使用appendChild附加它们。所以现在我的DIV元素已经充满了图像。

我想使用一个按钮来清理此DIV并同时在其中添加新图像。 谢谢你的帮助

Answer 1

您是否只是在寻找方法replaceChild? Or you could remove all child elements before adding new images:

// assuming yor div is in variable divelement
while (divelement.firstChild)
  divelement.removeChild(divelement.firstChild);

Answer 2

干净是什么意思？如果你只想清空它，你可以做

document.getElementById('mydiv').innerHTML = '';

然后添加你想要的任何新图像。

Answer 3

虽然在循环中设置innerHTML和调用removeChild（）都会清除DIV中的内容，但由于今天浏览器的性质，innerHTML方法会更快。