Firefox 不会更改图片来源答案

【问题标题】：Firefox won't change image sourceFirefox 不会更改图片来源
【发布时间】：2011-02-19 02:04:43
【问题描述】：

我正在尝试通过更改元素的“src”属性来更改 JavaScript+Prototype 中的图像。它在 IE 中运行良好，但在 Firefox 中却不行。我没有收到任何错误，并且在此位执行后脚本继续执行：

var image = $('toggle');
image.setAttribute("src", "../images/icons/icon_minus.gif");
image.setAttribute("alt", "Minus Symbol");
image.setAttribute("title", "Collapse tree");

我做错了什么？如何让浏览器将现有图像“icon_plus.gif”替换为“icon_minus.gif”？我敢肯定它一定很明显，但我不知道是什么！

谢谢

【问题讨论】：

标签： javascript dom prototype

【解决方案1】：

无法弄清楚出了什么问题，但我相信它可以做到：

image.src = "../images/icons/icon_minus.gif";

顺便说一句，图片路径绝对正确吗？

【讨论】：

我使用您发布的代码创建了一个测试原型脚本；它在 Firefox 中完美运行。可能是您测试时 FireFox 无法获取图像...网络问题或类似问题。

【解决方案2】：

此功能适用于所有浏览器（chrome、Firefox、IE、Edge、...）：

function recaptcha() {
  $("#captcha-img").attr('src', "");
  setTimeout(function(){
       $("#captcha-img").attr('src', "captcha?"+new Date().getTime());
  }, 0);
 }

重要的是生成新的 URL，它会强制 FF 和 IE 重新渲染图像。

【讨论】：