清除 Div 然后插入新內容

Question

我有一個從輸入框中獲取數據的腳本，然后將其顯示為

messageBox.innerHTML += "Title: " + titles + "<br/>";

如果用戶再次在框中鍵入，我如何清除 div 並將新文本重新添加到 messageBox？

我試圖在一個函數中使用然后調用該函數但它不起作用：

 var element = document.getElementById("display");
 element.outerHTML = "";
 delete element;

Answer 1

使用innerHTML +=附加新內容。 刪除 + 這將使它成為一個分配，並會導致舊內容被覆蓋和丟失，只留下新內容。

messageBox.innerHTML = "Title: " + titles + "<br/>";
//                   ^ no plus

Answer 2

簡單地改變這個

messageBox.innerHTML += "Title: " + titles + "<br/>";

對此

messageBox.innerHTML = "Title: " + titles + "<br/>";

+=將 html 添加到前一個 html。 使用=用新輸入替換 messageBox 中的所有 html。