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

Question

我有一個空的DIV元素，我在其中使用函數createElement（“img”）附加圖像，並使用appendChild附加它們。 所以現在我已經擁有了充滿圖像的DIV元素。

我想用一個按鈕來清理這個DIV並同時在其中添加新圖像。 謝謝你的幫助

Answer 1

你只是在尋找方法replaceChild? Or you could remove all child elements before adding new images: 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方法會更快。