Javascript set img src

javascript image src

2022-08-30 05:30:00

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

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]

答案 1

您应该使用以下方法设置 src：

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

或

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

答案 2

纯JavaScript来创建`img`标签并手动`添加属性`，

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

在`图片1中设置src`

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

或使用getElementById

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

j-Query 来存档这个，

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

Javascript set img src

纯JavaScript来创建img标签并手动添加属性，

在图片1中设置src

j-Query 来存档这个，

纯JavaScript来创建`img`标签并手动`添加属性`，

在`图片1中设置src`