既存のコンテンツを上書きせずに DIV にテキストを追加するにはどうすればよいですか?

Preserving Data While Appending Text to a DIV Element

When using JavaScript and AJAX to inject content into a DIV element, it's common to face the challenge of maintaining existing data while adding new content. Here's an efficient approach to achieve this:

Solution:

To append new text while preserving existing data in a DIV, leverage the innerHTML property as follows:

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

// Append the new content
div.innerHTML += 'Extra stuff';

In this technique, the += operator is crucial. It modifies the innerHTML property by concatenating the existing content with the new data. This eliminates the risk of overwriting the original content and ensures seamless appending of new text.

By implementing this solution, you can effortlessly append additional data to a DIV element while maintaining its previous content, giving you the flexibility to dynamically update your web pages.

以上が既存のコンテンツを上書きせずに DIV にテキストを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。