Javascript firefox onclick显示中的getelementbyid：块脚本疑难解答

我有一个脚本，可以切换div的block/none显示，onClick。onClick还将关联的“缩略图”图像从活动切换到非活动

只有在Firefox中，div的堆栈相互重叠。似乎onClick没有将display:none样式与当前项相关联

我确保所有div都有相关的ID，这似乎是Firefox中与getElementById问题相关的首要问题

任何关于故障排除的想法都会很有帮助，谢谢

以下是我的javascript：

var curVid = "VideoA";
var curImg = "VideoA_thumbnail";

function changeVideo(id, img)
  {
   if(document.getElementById(id) != null && curVid != id)
  {

    document.getElementById(curVid).style.display = "none";
    document.getElementById(id).style.display = "block";
    document.getElementById(id + "_thumb").src = "..//Thumbnails//" + img + "_selected.jpg";
    document.getElementById(id + "_thumb").style.cursor = "default";
    document.getElementById(curVid + "_thumb").src = "..//Thumbnails//" + curImg + ".jpg";
    document.getElementById(curVid + "_thumb").style.cursor = "pointer";

    if(VideoJS.browserSupportsVideo())
      {
        document.getElementById(curVid + "_video").pause();
        document.getElementById(curVid + "_video").currentTime = 0;
        VideoJS.setup(id + "_video");
        document.getElementById(id + "_video").play();
      }
    else
      {
        $f(curVid + "_flash").stop();
        $f(id + "_flash").play();
      }

curVid = id;
curImg = img;
}
}

这是HTML

<div id = "VideoA" style = "display:block;">content here</div> 
<div id = "VideoB" style = "display:none;">content here</div> 
<div id = "VideoC" style = "display:none;">content here</div> 
<div id = "VideoD" style = "display:none;">content here</div> 
<div id = "VideoE" style = "display:none;">content here</div> 



<div>
   <img src = "a.jpg" id = "VideoA_thumb" onclick = "changeVideo('VideoA', 'VideoA_thumb')" />
   <img src = "b.jpg" id = "VideoB_thumb" onclick = "changeVideo('VideoB', 'VideoB_thumb')" />
   <img src = "c.jpg" id = "VideoC_thumb" onclick = "changeVideo('VideoC', 'VideoC_thumb')" />
   <img src = "d.jpg" id = "VideoD_thumb" onclick = "changeVideo('VideoD', 'VideoD_thumb')" />
   <img src = "e.jpg" id = "VideoE_thumb" onclick = "changeVideo('VideoE', 'VideoE_thumb')" />
</div>

这里的内容
满足于此
满足于此
满足于此
满足于此

你的HTML有

\u缩略图

，而JS有

\u拇指

。我看不出它在任何浏览器中都能正常工作。如果您缩进代码使其可读，那就太好了。很抱歉，我缩进代码是为了可读性。当我试图简化代码时，我忘了将单词“缩略图”更新为“拇指”。但现在已经解决了。感谢Barmar的输入，第一次在这里张贴海报！我用按钮而不是图片制作了一个游戏，没有videoJS之类的东西，它工作正常。在Safari中也发生了这种情况。当我在小提琴上看到videoJS代码的时候。