InnerHTML を使用せずに HTML をコンテナ要素に追加するにはどうすればよいですか?

InnerHTML を使用せずに HTML をコンテナ要素に追加する

コンテナ要素に HTML を追加しようとする場合、innerHTML の使用は理想的ではない可能性があります。既存のコンテンツを置き換える傾向があります。この問題を回避するには、insertAdjacentHTML() メソッドの使用を検討してください。

insertAdjacentHTML() を使用すると、新しい HTML の配置をより詳細に制御できます。 2 つのパラメータを取ります:

• Position: 「beforebegin」、「afterbegin」、「beforeend」、または「afterend」のオプションを使用して、文字列を追加する場所を示します。この場合、「beforeend」を使用してコンテナ要素の末尾に追加します。
• HTML string: 追加する必要がある HTML コンテンツ。

使用例:

var d1 = document.getElementById('one');
d1.insertAdjacentHTML('beforeend', '<div id="two">two</div>');

このメソッドを使用すると、追加の Span タグを作成したり、既存のコンテンツを置き換えたりせずに HTML を追加できるため、より効率的で一貫性のあるソリューションが提供されます。

以上がInnerHTML を使用せずに HTML をコンテナ要素に追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。