javascript - im タグの後の innerHTML javascript

Question

img タグの後に変数を挿入しようとしています。

HTML :

<div id="cookie"><img src="cookie.png" />0</div>

JS:

var cookie = 0;
document.getElementById('cookie').fistChild.innerHTML = cookie;

うまくいきません。手伝って頂けますか ？ありがとう ！

Answer 1

コードは (スペルミスがないと仮定して) image 要素自体のコンテンツを設定しようとします。画像要素にはコンテンツがないため、それを行うことはできません。

代わりに、新しい要素を作成し、img要素の後に追加します。

var content = document.createElement('span');
content.innerHTML = cookie;
var parent = document.getElementById('cookie');
parent.insertBefore(content, parent.firstChild);

Answer 2

あなたのコードは内部の HTML を上書きするので、最初にそこにあるものを保存する必要があります:

var cookie = 0;
var content = document.getElementById('cookie').innerHTML;

document.getElementById('cookie').innerHTML = content + cookie;

Answer 3

このようなことを試してください

     document.getElementById('cookie').innerHTML = document.getElementById('cookie').innerHTML + cookie;

Answer 4

document.getElementById('cookie').childNodes[1].nodeValue = cookie;

nodeValueによってではなくによって変更されたテキスト ノード値innerHTML。