javascript - 在 img 标签 javascript 之后的 innerHTML

Question

我试图在 img 标签之后插入一个变量。

HTML：

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

JS：

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

这是行不通的。你能帮助我吗 ？谢谢 ！

Answer 1

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

相反，创建一个新元素并将其附加在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由not更改的文本节点值innerHTML。