如何将文本附加到\`<div>\`？

Question

我正在使用 AJAX 将数据附加到 <div> 元素，我在其中从 JavaScript 填充 <div> 。如何将新数据附加到 <div> 而不丢失其中找到的先前数据？

原文由 Adham 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个：

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

 div.innerHTML += 'Extra stuff';

原文由 Naftali 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用附加子：

 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>";

原文由 Chandu 发布，翻译遵循 CC BY-SA 3.0 许可协议