简单问题：Safari 和 CSS/Javascript 翻转答案

【问题标题】：Simple problem: Safari and CSS/Javascript Rollovers简单问题：Safari 和 CSS/Javascript 翻转
【发布时间】：2009-11-14 00:55:50
【问题描述】：

基本上，我有一堆<img> 标签包裹在一堆<div> 中，还有一些javascript 可以让它们进行翻转。该页面在 IE 和 Firefox 中运行良好，但 Safari 提供：

"TypeError: 表达式 'ImageNavigateForum' [undefined] 的结果是不是一个对象。”

其中 ImageNavigateForum 是 <img> 的 ID 标签。（滚动页面上的任何<img> 时会发生类似错误。）

必要的代码如下：

<div id="NavigateForum" onmouseover="ImageNavigateForum.style.visibility='visible'" onmouseout="ImageNavigateForum.style.visibility='hidden'">
<a href="http://www.dmt-nexus.com/forum">
    <img id="ImageNavigateForum" src="images\NavigateForum.jpg" class="hidden" alt="" />
</a>

style.css 中有一个匹配的 #NavigateForum 条目

【问题讨论】：

标签： javascript css safari internet-explorer rollover

【解决方案1】：

onmouseover="ImageNavigateForum (…)

应该是

onmouseover="document.getElementById('ImageNavigateForum') (…)

我什至不知道你为什么在 FX 和 IE 上工作。

编辑：其他地方也一样，你想通过它的 id 获取对元素的引用（比如 onmouseout）

【讨论】：

在 IE <.. id="foo" ..>.. 将在全局对象上放置一个属性 foo，Safari 和 Firefox 现在都在表面上模仿这种行为，也许 Safari 不这样做图片？
啊，我想知道这是否是一个额外的“功能”，让 id 更像名字