Javascript 使用jquery更新图像源工作不正常

我正在尝试使用jquery更新我的图像源。为此，我正在调用

.load

函数，该函数将返回一个字符串，该字符串将用于替换图像源

srcsult

值为

new/icon.png

：

<script>
 var iconLinkURL = "Users/NewIcon";
 var srcResult = $("#iconImage").children('img').load(iconLinkURL); 


  $("#iconImage").children('img').attr('src', srcResult);
</script>

var iconLinkURL=“用户/NewIcon”；
var srcsresult=$（“#iconImage”）.children（'img'）.load（iconLinkURL）；
$（“#iconImage”）.children（'img'）.attr（'src'，srcResult）；

HTML端

<a id="iconImage"><img src="old/address.png"></img></a>

加载javascript时，图像的加载方式如下：

 <a id="iconImage"><img src="[object Object]">new/icon.png</img></a>

new/icon.png

我是否遗漏了某些内容，因此问题一直存在？

load（）

返回一个对象。如果您对预加载不感兴趣，只需按如下方式替换代码：

$("#iconImage").children('img').prop('src', 'Users/NewIcon');

但是，如果要预加载图像，请使用以下命令：

var src = 'Users/NewIcon',
    img = new Image();

img.src = src;
img.onload = function() {
    $('#iconImage').children('img').prop('src', this.src);
};

值得注意的是，如果您还没有这样做，您还需要在DOMReady事件中包装代码。

使用$（''）.prop（'src'，'url of image''）<代码>不是