Javascript firefox中未定义IMG1

我在处理一个图像交换脚本时遇到了一个问题。它在Chrome和IE 8中运行得很好，但在Firefox中我没有定义IMG1。我尝试过使用

var image1=document.getElementById（“IMG1”）

但是我刚得到的image1是空的。在此方面的任何帮助都将不胜感激。这是我的代码和标记

<script type="text/javascript">

    function imgSwap() {
        IMG1.src = "/images/stories/clubpics_on.png";
        IMG2.src = "/images/stories/facebook_off.png";
        return(false);  
}
function imgSwap2() {
        IMG1.src = "/images/stories/clubpics_off.png";
        IMG2.src = "/images/stories/facebook_on.png";
        return(false);
        }
</script>

  <img src="/images/stories/clubpics_on.png" name="IMG1" id="IMG1" class="IMG1" style="position:absolute; left:-19px; width:165px" value="IMG1" onclick="imgSwap();"/ >

<img src="/images/stories/facebook_off.png" class="IMG2" value="IMG2" name="IMG2" id="IMG2" style="position:relative; left:123px; width:165px"  onclick="imgSwap2();" />

函数imgSwap（）{
IMG1.src=“/images/stories/clubpics_on.png”；
IMG2.src=“/images/stories/facebook_off.png”；
返回（假）；
}
函数imgSwap2（）{
IMG1.src=“/images/stories/clubpics_off.png”；
IMG2.src=“/images/stories/facebook_on.png”；
返回（假）；
}

Firefox不会自动创建对具有“id”值的元素的全局引用。改用

document.getElementById（“IMG1”）

---

如果在这两个函数之外尝试变量“image1”的赋值语句，则变量将为

null

，因为该代码将在元素添加到DOM之前运行。如果将该代码放入函数中，它将起作用。

Firefox不会自动创建对具有“id”值的元素的全局引用。改用

document.getElementById（“IMG1”）

---

如果在这两个函数之外尝试变量“image1”的赋值语句，则变量将为

null

，因为该代码将在元素添加到DOM之前运行。如果您将代码放在函数中，它会工作。

@Ibu可能在函数之外有分配，在元素成为DOM的一部分之前运行。@Ibu在第一次通过/单击时可能无法在FF3上工作，也就是说，直到您第二次单击它时，它才得到引用。谢谢，你是我的生命saver@Ibu很可能他在函数之外进行了赋值，在元素成为DOM的一部分之前，函数会运行。@Ibu在第一次通过/单击时，它可能无法在FF3上正常工作，也就是说，直到您（例如）在第二次单击时，它才得到引用。谢谢，您是一个救生员