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而不是innerHTML更改。

在img标签javascript之后的innerHTML

4 个答案: