如果你想要快速完成并且不想丢失引用和侦听器，请使用:.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。这就很简单了。

下载jQuery文件，将jQuery添加到你的HTML中 或者你可以使用在线链接:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

试试这个:

 $("#divID").append(data);

即使这样也可以:

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

div.innerHTML += 'Text to append';

为什么不直接使用setAttribute ?

thisDiv.setAttribute('attrName','data you wish to append');

然后你可以通过以下方法获得这些数据:

thisDiv.attrName;

下面的方法不像其他方法那么通用，但是当您确定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");

如果你想要快速完成并且不想丢失引用和侦听器，请使用:.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>