有没有方法/黑客用图像替换ajax文本

Question

我有一个HTML网页，每秒使用ajax显示一些传感器读数，我想用图像替换文本（base64除外因为太大了）。

所以发送ajax（无缓存）的代码是这样的：

print("<analog>");
if (h <= 50) {
print("sunny");
} else if (h >= 75) {
print("storm");
} else {
print("cloud");
}
print("</analog>");

...所以将在网页上打印＆＃34;晴天＆＃34;，＆＃34;云＆＃34;或者＆＃34;风暴＆＃34;在模拟标签中，但如果我查看页面源只写

<analog> </analog>

我不能用图像转换文本，例如＆＃34; sunny＆＃34;与<img src... sunny.gif>

有没有办法强制用图像替换ajax文本？

非常感谢你的帮助！

Answer 1

您的代码应输出如下内容：

<analog value="sunny" />
<analog value="storm" />
<analog value="cloud" />

然后在CSS中你可以将其设置为：

analog { display:block; }
analog[value="sunny"] { background-image:url(...sunny.gif); }
analog[value="storm"] { background-image:url(...storm.gif); }
analog[value="cloud"] { background-image:url(...cloud.gif); }