javascript - 无法获取目标元素

Question

我正在尝试使用 javascript 创建一个简单的画廊，但每次我单击缩略图时，屏幕 或最大的图片(我的意思是主图片)都没有改变。

    <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(event) 才会被调用:

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