如何将文本附加到``元素而不丢失数据？

将文本附加到 <div> 中没有数据丢失的元素

使用 AJAX 修改

<div> 时元素的内容，确保新数据不会覆盖现有内容非常重要。这是此问题的解决方案：

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

此代码将新文本附加到

<div> 的现有内容中。元素。 innerHTML 属性包含元素的整个 HTML 内容。通过使用 = 运算符，我们添加到现有内容而不是替换它。

说明：

getElementById 方法返回对

<div> 的引用。具有指定 ID（“divID”）的元素。 innerHTML 属性包含该元素内的 HTML 内容。

= 运算符将字符串“Extra stuff”附加到innerHTML 属性的末尾。这可以有效地将新文本添加到现有内容中，而不删除它。

示例：

考虑一个

<div>; ID 为“dataDiv”的元素：

<div>

如果我们执行 JavaScript 代码：

var div = document.getElementById('dataDiv');
div.innerHTML += 'New Data';

<div> 的生成 HTML 内容元素将是：

<div>

这种方法允许您无缝更新

<div> 的内容。具有新数据的元素，而不丢失任何现有内容。