Javascript文档[“someid”]。src适用于Firefox，但不适用于其他浏览器

Question

我正在尝试做非常简单的Javascript实现。

onMouseOver事件是针对不同的文本而改变了一个图像。

它完全适用于Firefox，但不适用于任何其他浏览器。

HTML

<div id="foofoo1" onMouseover="imagehover(this);">display image1</div>
<div id="foofoo2" onMouseover="imagehover(this);">display image2</div>
<img id="foo" src="dir/images/foofoo1.jpg">

的Javascript

function imagehover(idfoo){
  document["foo"].src = "dir/images/"+idfoo.id+".jpg";
}

Answer 1

无论如何，这是一种非标准的做法。

document.getElementById("foo").src = "dir/images/"+idfoo.id+".jpg";

这是正确的方法。

Answer 2

使用setAttribute Ref

document.getElementById("foo").setAttribute('src',"dir/images/"+idfoo.id+".jpg");

Answer 3

document.getElementById("foo")是否有效（而不是document["foo"]）