将图像和文本插入<div> </div>

Question

我有一个空<div>，我使用

输出一些信息

document.getElementById('output').innerHTML = output

如果我想让它输出4 * 5，我怎么能用一个乘法符号的自定义图片替换'*'符号所以它输出：“4'multiplication sign image'5”

Answer 1

document.getElementById('output').innerHTML = 
   '4<img src="multiplication_sign.png">5';

Answer 2

var output = '4 <img src="url_to_image" alt="" /> 5';
document.getElementById('output').innerHTML = output;

如果您想使用当前输出动态替换它，您可以执行以下操作：

var output = "4 * 5".replace("*", '<img src="url_to_image" alt="" />');
document.getElementById('output').innerHTML = output;

我假设你也想对+，-和/这样做。

请参阅此处的示例：http://jsfiddle.net/LhGzr/