Javascript 防止src被更改

是否可以修复由javascript函数设置并返回到HTML标记的图像src

我有一组数组对象，其中包括每个对象的图像位置以及其他细节：

Person[1]= {
Image:"Adam.jpg",
Name:"Adam"
};

然后，我有一个函数，该函数被设计为根据发送给它的索引提取相关图像

function SetImage(DeskNo)
{
 document.getElementById("DeskImage").src=Person[1].Image
}

这就是我遇到问题的地方。区块：

<div class="img>
<script>
SetImage(1);
</script>

<img id="DeskImage" width="30" height="30">

---

问题是在
DeskImage
存在之前，您正在调用
SetImage
。在调用脚本之前，需要等待页面准备就绪

<script>
window.onload = function(){
    SetImage(1);
};
</script>

<img id="DeskImage" width="30" height="30">


window.onload=函数（）{
SetImage（1）；
};
请提供一个JSFIDLED您是否对所有图像使用相同的id？#notanaswer
我仍然不清楚您想要实现什么。听起来您想在
Person[]
数组的所有元素上运行一个循环，以根据它设置图像的
src
。但是你的问题是你不想改变
src
，那么在一个图像标签中切换图像而不改变它的
src
。如果您提供一个jsfiddle，您的问题将更容易理解。@Deepak-Kamat。其思想是，Person[]的每个索引都指向不同的图像。因此，在页面上的特定位置，SetImage（）被传递一个索引，并根据它设置一个src。然后页面上的其他地方使用不同的索引调用SetImage（），以在其他地方设置不同的图像。但是，当在页面的其他地方再次调用函数时，第一次调用SetImage（）时显示的图像不应更改。在某个位置显示图像后，在刷新之前，图像不应更改。对不起，我不知道JSFIDLE是什么，但我会调查的。