How to append text inside a div element?

Question

I am using AJAX to append data to a

element, which I populate via JavaScript. How do I append new data to

without losing the previous data within it?

Answer 1

Use appendChild:

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

Use innerHTML:
As @BiAiB reminds me, this method will remove all listeners for existing elements. So if you plan to use this version, please proceed with caution.

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

Answer 2

Try this:

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

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