如何将文本附加到“<div>”？

javascript dom html

2022-08-29 23:12:11

我使用AJAX将数据追加到一个元素，我从JavaScript填充。如何将新数据追加到中而不会丢失在其中找到的先前数据？<div><div><div>

答案 1

试试这个：

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

div.innerHTML += 'Extra stuff';

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

推荐