Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法获取目标元素_Javascript_Html_Css - Fatal编程技术网

Javascript 无法获取目标元素

Javascript 无法获取目标元素,javascript,html,css,Javascript,Html,Css,我试图用javascript创建一个简单的图库,但每次我点击缩略图时,屏幕或最大的图片(我指的是主图片)都不会改变 <div id='headImage'> <img src='bron.jpg' id='screen' height='300' width='400'/> </div> <div id='imagelist' onclick='changeImage(event)'> <img src='bro

我试图用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>

函数更改图像(事件)
{
event=event | | window.event;
var targetElement=event.target | | event.srcement;
//if(targetElement='IMG'){
document.getElementById(“screen”).src=targetElement.getAttribute(“src”);
//}
}
您写道:

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

但正确的语法是:

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

并且仅当您写入正确的名称时,才会调用函数changeImage(事件):

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

您写道:

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

但正确的语法是:

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

并且仅当您写入正确的名称时,才会调用函数changeImage(事件):

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


您的函数名为changeImage,但您说的是onclick=“cange()”。将onclick更改为:
onclick=“changeImage();”
您的函数名为changeImage,但您说的是onclick=“cange()”。将onclick更改为:
onclick=“changeImage();”
谢谢!漂亮的眼睛。答案在8分钟后被标记:)谢谢!漂亮的眼睛。8分钟后要标记的答案:)