img标记javascript后的innerHTML

我试图在img标记后插入一个变量

HTML:

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

它不起作用。 你能帮助我吗？

---

谢谢

您的代码将覆盖内部HTML，因此您必须先保存其中的内容：

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

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

---

试试这样的

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

您的代码（假设没有拼写错误）将尝试设置图像元素本身的内容。因为图像元素没有任何内容，所以不能这样做

相反，创建一个新元素并将其附加到

img

元素之后：

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

---

文本节点值由

nodeValue

更改，而不是由

innerHTML

更改，您拼写的

firstChild

没有“r”，但在任何情况下，第一个子元素是img元素，您不能为其设置内部html。它部分起作用，当我使用增量cookie时，所有数字仍然在这里。例如：0123456然后将

内容

变量从递增范围中取出，这样它就不会被覆盖。你能给我一个例子吗？我没有你递增cookie变量的代码

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

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