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

Question

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

我想用一个按钮来清理这个DIV并同时添加新的图像。 感谢您的帮助

Answer 1

你只想找方法replaceChild？或者你可以前添加新的图像删除所有的子元素：

// 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的方法是要快得多由于到今天的浏览器的性质。