Невозможно получить целевой элемент

Question

Я пытаюсь создать простую галерею с помощью javascript, но каждый раз, когда я нажимаю на миниатюру, screen или самое большое изображение (основное изображение, которое я имею в виду), не меняется.

<div id='headImage'> 
    <img src='bron.jpg' id='screen' height='300' width='400'/> 

</div> 


<div id='imagelist' onclick='changeImage(event)'> 
    <img src='bron.jpg' height='150' width='150'/> 
    <img src='curry2.jpg' height='150' width='150'/> 
    <img src='irving.jpg' height='150' width='150'/> 
    <img src='phelps.jpg' height='150' width='150'/> 
    <img src='stonie.jpg' height='150' width='150'/> 



</div> 

<script type='text/javascript'> 

function changeImage(event) 
{ 
    event = event || window.event; 


    var targetElement = event.target || event.srcElement; 

     //if(targetElement ='IMG'){ 
      document.getElementById("screen").src = targetElement.getAttribute("src"); 
     //} 
} 
</script> 

Answer 1

Вы писали:

<div id='imagelist' onclick()='change(event)'> 

Но правильный синтаксис:

<div id='imagelist' onclick='change(event)'> 

И ваша функция changeImage (событие) вызывается только тогда, когда вы пишете правильное название:

<div id='imagelist' onclick='changeImage(event)'>