Javascript document[“someid”].src works in Firefox, but not in other browsers

Question

I'm trying to do very simple Javascript implementation.

It's with onMouseOver event over diferrent texts and that change one image.

It works perfectly on Firefox, but not in any other browsers.

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

That's a non-standard way of doing it anyway.

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

This is the correct way to do it.

Answer 2

使用setAttribute Ref

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

Answer 3

document.getElementById("foo")是否起作用（而不是document["foo"] ）