防止src被更改

Question

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

我有一组数组对象，除其他细节外，还包括每个对象的图像位置：

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">

不会显示任何内容，但在清除之前，似乎会在加载时非常短暂地闪烁图像。

重复此块，但索引为2然后为3等。这个想法是该函数可用于提取和返回图像，并同时在屏幕上显示其中的几个。

由'onmouseover'触发的类似功能似乎成功运行，这让我想知道图像是否被某处覆盖，这让我想到了我的问题标题。是否可以通过元素id（在本例中为'DeskImage'）或其他方式设置src并在第一次设置图像后修复它，即使id指向的src发生了变化？

我想知道是否可以直接从函数返回src，或者如果索引可以自动附加到id，但是我无法识别我的搜索中的任何内容。

如果有人有任何想法，他们将不胜感激。

Answer 1

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

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

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