IE9+ (Vista+)解决方案，无需创建新的文本节点:

var div = document.getElementById("divID");
div.textContent += data + " ";

然而，这并没有完全为我做的技巧，因为我需要一个新的行后，每条消息，所以我的DIV变成了一个有风格的UL与以下代码:

var li = document.createElement("li");
var text = document.createTextNode(data);
li.appendChild(text);
ul.appendChild(li);

来自https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent:

与innerHTML的区别 innerHTML返回其名称所示的HTML。为了在元素中检索或编写文本，人们经常使用innerHTML。应该使用textContent代替。因为文本不是被解析为HTML，所以它可能具有更好的性能。此外，这避免了XSS攻击向量。

下面的方法不像其他方法那么通用，但是当您确定div的最后一个子节点已经是文本节点时，它非常有用。这样就不会使用appendData MDN Reference appendData创建新的文本节点

let mydiv = document.getElementById("divId");
let lastChild = mydiv.lastChild;

if(lastChild && lastChild.nodeType === Node.TEXT_NODE ) //test if there is at least a node and the last is a text node
   lastChild.appendData("YOUR TEXT CONTENT");

使用列表末尾:

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

IE9+ (Vista+)解决方案，无需创建新的文本节点:

var div = document.getElementById("divID");
div.textContent += data + " ";

然而，这并没有完全为我做的技巧，因为我需要一个新的行后，每条消息，所以我的DIV变成了一个有风格的UL与以下代码:

var li = document.createElement("li");
var text = document.createTextNode(data);
li.appendChild(text);
ul.appendChild(li);

来自https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent:

与innerHTML的区别 innerHTML返回其名称所示的HTML。为了在元素中检索或编写文本，人们经常使用innerHTML。应该使用textContent代替。因为文本不是被解析为HTML，所以它可能具有更好的性能。此外，这避免了XSS攻击向量。

如果你想要快速完成并且不想丢失引用和侦听器，请使用:.insertAdjacentHTML();

它不会重新解析它正在使用的元素，因此它不会破坏元素内部的现有元素。这一点，以及避免序列化的额外步骤，使其比直接innerHTML操作快得多。”

支持所有主流浏览器(IE6+， FF8+， all Others和Mobile): http://caniuse.com/#feat=insertadjacenthtml

例子来自https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

// <div id="one">one</div>
var d1 = document.getElementById('one');
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');

// At this point, the new structure is:
// <div id="one">one</div><div id="two">two</div>

如果你正在使用jQuery，你可以使用$('#mydiv')。Append ('html content')，它将保留现有的内容。

http://api.jquery.com/append/