Wie füge ich Text innerhalb eines div-Elements hinzu?

Question

Ich verwende AJAX, um Daten an ein

-Element anzuhängen, das ich über JavaScript fülle. Wie füge ich neue Daten an

hinzu, ohne die vorherigen Daten darin zu verlieren?

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 += '额外的内容';