Javascript 设置 img src

Question

我可能遗漏了一些简单的东西，但是当您阅读的所有内容都不起作用时，这很烦人。我的图像可能会在动态生成的页面过程中重复多次。所以显而易见的事情是预加载它并始终使用那个变量作为源。

var searchPic;
function LoadImages() {
    searchPic = new Image(100,100);
    searchPic.src = "XXXX/YYYY/search.png";
    // This is correct and the path is correct
}

然后我使用

设置图像

  document["pic1"].src = searchPic;

或

  $("#pic1").attr("src", searchPic);

但是，当我查询图像时，我从未在 FireBug 中正确设置图像，我得到 [object HTMLImageElement] 作为图像的 src

在 IE 中我得到:

http://localhost:8080/work/Sandbox/jpmetrix/[object]

Answer 1

你应该使用这个设置 src:

document["pic1"].src = searchPic.src;

或

$("#pic1").attr("src", searchPic.src);