如何在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的方法是要快得多由於到今天的瀏覽器的性質。