javascript - 'document.prodimage' 为空或不是对象

Question

在 Windows 7 上的 IE8 中加载页面时出现 Java 脚本错误:document.prodimage 为空或不是对象。

我删除了用作 API 调用以获取数据的动态专有代码，因此显示为:“”的区域是我根据某人正在查看的产品动态获取内容(例如图像和链接)的地方。无论如何，这不是问题。在这里:

<a rel="position:'inside',showTitle:false,adjustX:-4,adjustY:-4" href="">
    <img border="0" class="prodimage" id="prodimage" src="" width="200" height="200" alt="" onMouseover="document.prodimage.src='';" style="margin-right:auto;margin-left:auto;display:block;"/>
</a>

Answer 1

您可能指的是 window.prodimage，因为它是 window 对象，它获取为具有 id 值的元素创建的属性。

但通常情况下，即使它适用于所有现代浏览器(以及相当多的旧浏览器)并且正在成为 specified behavior ，更常见的是使用 getElementById 代替。为清楚起见，我不鼓励您使用自动全局变量，只是说出您在使用 document 时可能想到的内容。

但是，在您的 情况下，由于您使用的是 onXYZ 事件处理程序，因此只需使用 this:

<a rel="position:'inside',showTitle:false,adjustX:-4,adjustY:-4" href="">
    <img border="0" class="prodimage" id="prodimage" src="" width="200" height="200" alt="" onMouseover="this.src='';" style="margin-right:auto;margin-left:auto;display:block;"/>
    <!-- Change is here ---------------------------------------------------------------------------------^^^^        -->
</a>

我不确定我明白你为什么要在鼠标悬停时清除 src 属性，但是......