Javascript 无法获取目标元素
我试图用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
屏幕
或最大的图片(我指的是主图片)都不会改变
<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分钟后要标记的答案:)