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