2015-06-22 12 views
0

У меня проблемы с командой onmouseover. У меня есть этот маленький кусочек кода (см внизу) в моем HTML-коде, и когда я пытаюсь запустить его на Safari 7 я получаю следующее сообщение об ошибке:ТипError: undefined не объект

TypeError: undefined is not an object (evaluating 'document.images.siz3.src='images/shirts/img_3siz_grey.jpg'') onmouseover

В чем проблема? Я не могу найти ничего, что могло бы быть неправильным. img следует определять как siz1, не так ли?

Возможно, кто-то может помочь, я уверен, что ответ прост, и я просто не вижу его.

<a href="menu/latein/r-z/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>

+2

Лучше добавлять события в JavaScript. Инлайн-события - это плохая практика. Посмотрите на 'addEventListener'. Также обратите внимание на цитаты ''! = "'. – elclanrs

+0

Проверьте атрибут name для тега 'img'. Он не был объявлен правильно, я также отредактировал его в вопросе. Можете ли вы попробовать еще раз, если это проблема? –

+0

Ах, спасибо! Это были цитаты ... –

ответ

1

Похоже, проблема здесь name="siz1“ должна быть name="siz1" заменить на "

+1

[Как сказал elclanrs] (http://stackoverflow.com/questions/30977161/typeerror-undefined-is-not-an-object#comment49984847_30977161) - при публикации чужого комментария в качестве ответа, это лучше всего сделать это CW. –

+0

@ T.J. Crowder Я не смотрел комментарий – ozil

0

Вы не закрывали 'имя' тег с правильной кавычку.

<a href="menu/latein/r-z/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>

0

попробовать этот код

<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> 
Смежные вопросы