javascript - タグの後にテキストを挿入する

Question

<img>JavaScript を使用してタグの後にテキストを挿入しようとしています。

<div id="candy"><img src="candy.png" /> Insert text here!</div>

使用document.getElementById('candy').innerHTML = "test";すると画像が消えます。

手伝って頂けますか？

Answer 1

innerHTMLこれは、 を textに置き換えているためですtest。テキストを追加していません。

試す：

var div = document.getElementById('candy');
div.innerHTML = div.innerHTML + 'test';

ここから撮影。

Answer 2

さて、img タグは div 内の HTML の一部であり、div の HTML を置き換える場合は img タグも書き換えます。

おそらく、代わりに次のようなものが必要でした:

<div><img src="candy.png" /> <span id="candy">Insert text here!</span></div>

Answer 3

これは、javascript が<img>タグ内の html を変更してテストするためです。<img />これは自己終了タグとして機能しません。

ただし、あなたがしようとしていることをjQueryで実行できると思います。