無法獲得目標元素

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)'>