javascript - 清除 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