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（event）：

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

无法获取目标元素

1 个答案: