Javascript设置img src

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

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

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

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);

所属标签

可能回答问题的人

  • 红双喜经典VS中华

    1 粉丝0 提问8 回答
  • 杰西

    5 粉丝1 提问4 回答
  • 浮生长恨欢娱少

    个人站长 · 站长 (已认证)

    51 粉丝2 提问4 回答
  • 滑稽园扛把子

    Swoole Inc · PHP工程师 (已认证)

    135 粉丝0 提问4 回答

扫码关注云+社区