TypeError：未定义不是对象

Question

我在使用onmouseover命令时遇到问题。 我的HTML代码中有一些代码（请参阅底部），当我尝试在Safari 7上运行它时，出现以下错误：

TypeError：未定义不是对象（正在评估'document.images.siz3.src ='images / shirts / img_3siz_grey.jpg''）

有什么问题？ 我找不到任何可能出错的信息。 img应该定义为siz1 ，不是吗？

也许有人可以提供帮助，我敢肯定答案很简单，但是我只是看不到它。

 <a href="menu/latein/rz/vfc/vfc.html" onmouseover="document.images.siz1.src='images/shirts/img_1siz_grey.jpg'" onmouseout="document.images.siz1.src='images/shirts/img_1_siz.jpg'" name="tshirts"> <img src="images/shirts/img_1_siz.jpg" name="siz1“ alt="Vivat floreat crescat" width="195px" height="135px"></img> 

Answer 1

看起来问题在这里name="siz1“应该是name="siz1"取代“到"

Answer 2

您没有使用正确的引号关闭'name'标签。

  <a href="menu/latein/rz/vfc/vfc.html" onmouseover="document.images.siz1.src='images/shirts/img_1siz_grey.jpg'" onmouseout="document.images.siz1.src='images/shirts/img_1_siz.jpg'" name="tshirts"> <img src="images/shirts/img_1_siz.jpg" name="siz1" alt="Vivat floreat crescat" width="195px" height="135px"></img> 

Answer 3

试试这个代码

<a href="#" onmouseover="change('change')" onmouseout="change('')">Click</a>
<img id="siz1" src="images/shirts/img_1_siz.jpg" height="200" width="200" />
<script>
    function change(str) {
        if (str == "") {
            document.getElementById('r1').src = "images/shirts/img_1_siz.jpg";
        }
        else {
            document.getElementById('r1').src = "images/shirts/img_1siz_grey.jpg";
        }
    }
</script>