如何在一个div元素中追加文本？

Question

我正在使用AJAX将数据附加到一个

元素上，我是通过JavaScript填充这个

的。我如何在不丢失其中的先前数据的情况下附加新数据到

中？

Answer 1

使用appendChild：

var theDiv = document.getElementById("<ID_OF_THE_DIV>");
var content = document.createTextNode("<YOUR_CONTENT>");
theDiv.appendChild(content);

使用innerHTML：
根据@BiAiB的提醒，这种方法会移除现有元素的所有监听器。所以如果你打算使用这个版本，请谨慎操作。

var theDiv = document.getElementById("<ID_OF_THE_DIV>");
theDiv.innerHTML += "<YOUR_CONTENT>";

Answer 2

试试这个：

var div = document.getElementById('divID');

div.innerHTML += '额外的内容';