0

我正在尝试做非常简单的 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";
}
4

3 回答 3

2

无论如何,这是一种非标准的方式。

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

这是正确的做法。

于 2013-04-16T15:13:32.610 回答
2

使用setAttribute 参考

document.getElementById("foo").setAttribute('src',"dir/images/"+idfoo.id+".jpg");
于 2013-04-16T15:15:38.360 回答
0

工作document.getElementById("foo")(而不是document["foo"]

于 2013-04-16T15:12:44.980 回答