Clear 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。