如何使用 JavaScript 将文本附加到 Div 元素而不丢失现有数据？

将文本附加到 div 元素而不丢失数据

使用 AJAX 将数据附加到

<div> 时对于通过 JavaScript 填充的元素，保留现有数据至关重要。本文探讨了一种在不丢失数据的情况下实现此目的的方法。

解决方案：

将新数据附加到

<div>;元素而不丢失现有内容，请按照以下步骤操作：

1. 识别 <div>;使用 id 属性的元素：

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

   2. 使用 = 运算符将新数据附加到 div 内的现有 HTML 内容：

   div.innerHTML += 'Extra stuff';

   示例：

   考虑以下 HTML结构：

   <div>

   如果您想将“新数据”附加到此

   <div>；在不删除现有内容的情况下，您可以使用以下 JavaScript 代码：

   var div = document.getElementById('myDiv');
   div.innerHTML += 'New data';

   执行此 JavaScript 代码后，

   <div>将包含以下内容：

   <div>

   通过使用 = 运算符，您可以将新数据无缝附加到

   <div> 中。元素，同时保留其现有内容。