Javascript 在<；img>；标签

我尝试在

插入文本后插入文本！

如果我使用

document.getElementById（'candy'）.innerHTML=“test”图像消失

你能帮我个忙吗？
那是因为你要用文本
test
替换
innerHTML
。你没有附加文本

尝试：

摘自。
这是因为您正在将
innerHTML
替换为文本
test
。你没有附加文本

尝试：

摘自。
嗯，img标记是div内部HTML的一部分，如果替换div的HTML，也会重写img标记

也许你想要这样的东西：

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

在此插入文本！
嗯，img标记是div内部HTML的一部分，如果替换div的HTML，也会重写img标记

也许你想要这样的东西：

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

在此插入文本！
这是因为javascript更改了要测试的
标记内的html。这不起作用，因为
是一个自动关闭标记

但是，我相信您可以使用jQuery来完成您想做的事情。
这是因为您可以使用javascript更改
标记中的html以进行测试。这不起作用，因为
是一个自动关闭标记

我相信你可以用jQuery来做你想做的事。
使用

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

参考资料：
使用

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

引用：
他没有指定要使用jQuery。@Allendar OP没有提到要使用任何框架他没有指定要使用jQuery。@Allendar OP没有提到要使用任何框架有更“正确”的东西，我指的是像
lastChild
？当然，
var children=document.getElementById这样的函数（'candy'）.childNodes；var lastChild=children[children.length-1]；
但它并不比命名的span更“合适”。我指的是像
lastChild
这样的函数吗？当然，
var children=document.getElementById（'candy'）.childrends；var lastchildren=children[children.length-1]；
但它不再“合适”将其应用到OP的示例标记中，结果将是
在此处插入文本！测试
，这样它只会工作一次，并且前提是div中事先没有任何文本。我假设文本：
在此处插入文本！
将不存在，然后JS会在此处插入文本：）将此应用于OP的示例标记，结果将是
在此处插入文本！测试
，这样它只能工作一次，并且只有在div中事先没有任何文本的情况下才能工作。我假设文本：
在这里插入文本
将不存在，然后JS将插入文本：）