javascript - タグ内のhtml全体を削除せずにinnerHTMLを使用するにはどうすればよいですか?

Question

私はほぼすべてのインターネットを検索しましたが、これに関する解決策を得ることができませんでした..

内部に html を含む div 要素があるとします。このタグを ID (または他のセレクターなど) で選択した後、「innerHTML」メソッドを使用すると、タグ内のすべての html が失われました。タグ内の html パーツを破壊しないようにするにはどうすればよいですか? 「すべてを破壊する」のではなく、「さらに」何かを追加してから、代わりに何かを新しいものに挿入したいだけです。

document.getElementById('something').innerHTML = document.getElementById('something').innerHTML + new_html_to_append;

上記の方法は、3回目の反復またはforループでは機能しないため、役に立たない..無限の補足に適合するものが必要です。

ありがとう！

(.append() メソッドは知っていますが、そこで JQuery を使用することは許可されていません。)

Answer 1

を使用innerHTML()すると、予期しない動作が発生する可能性があります。ここからのような代替案を見てくださいappendChild()：

javascriptを使用してdivにデータを追加する方法は?

Answer 2

AppendChild() を使用します。この関数を使用する際には、div のような HTML 要素を追加する必要がある場合のように、正しい関数を使用するように注意してください。

obj=document.createElement(something);
document.getElementById("something").appendChild(obj);

しかし、それがテキストノードの場合

obj=document.createTextNode(something);
document.getElementById("something").appendChild(obj);

Answer 3

appendChild()

...................................................