如何使用JavaScript将数据附加到div？

Question

如何使用JavaScript将数据附加到div？我使用Ajax将数据追加到div元素，在这里我从JavaScript中填充div，如何在不丢失div中以前的数据的情况下向div添加新数据？

Answer 1

试试这个：

var div = document.getElementById('divID');div.innerHTML += 'Extra stuff';

Answer 2

使用附录-儿童：

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