如何在一個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 += '额外的内容';