如何使用 JavaScript 將文字附加到 Div 元素而不丟失現有資料？

將文字附加到div 元素而不遺失資料

使用AJAX 將資料附加到<script> 時對於透過Java 填充的元素，保留現有資料至關重要。本文探討了一種在不遺失資料的情況下實現此目的的方法。 </script>

解決方案：

將新資料附加到

<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> 中。元素，同時保留其現有內容。