Question

我正在尝试通过更改元素的“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_minus.gif”替换现有图像“icon_plus.gif”？我敢肯定它一定是非常明显的东西，但我无法弄清楚是什么！

由于

Answer 1

不能弄清楚出了什么问题，但我相信它有可能做到：

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

BTW，图像路径绝对正确吗？

Answer 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重新渲染图像。

Firefox不会更改图像源

2 个答案: