Javascript设置img src

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (23)

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

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]
提问于
用户回答回答于

纯JavaScript创建img标签并add attributes手动,

var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

在中设置src pic1

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

要么

document.getElementById("#pic1").src= searchPic.src;

j-Query将其归档,

$("#pic1").attr("src", searchPic.src);
用户回答回答于

你应该使用这个设置src:

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

要么

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

扫码关注云+社区