既存のデータを失わずに 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> にシームレスに追加できます。既存のコンテンツを維持しながら要素を作成します。

以上が既存のデータを失わずに JavaScript を使用して Div 要素にテキストを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。