87,904
社区成员
发帖
与我相关
我的任务
分享请教下JS在div下如何判断被选中的图片
以下是代码，我不知道在JS判断被选中图片的ID，能否给个案例谢谢
<script language="javascript" type="text/javascript">
function func(){
//slider是div中的id值
var img1 = document.getElementById("slider").getElementsByTagName("img")[0].id;
alert(img1);
if (imgs="ddddd"){
window.location.href="b.html";
}
}
</script>
<body>
<!--幻灯 -->
<div class="lanrenzhijia">
<div id="slider" class="lanrenzhijia2" onclick="func();">
<img src="./image/111.jpg" alt="" title="#lanrenzhijia1" height="475" id="ddddd">
<img src="./image/111.jpg" alt="" title="#lanrenzhijia1" height="475" id="ccccc">
</div>
<div id="preloader"></div>
</div>
<!--幻灯 -->
</body>
<script language="javascript" type="text/javascript">
function func(){
//slider是div中的id值
var img1 = document.getElementById("slider").getElementsByTagName("img")[0].id;
alert(img1);
if (imgs="ddddd"){
window.location.href="b.html";
}
}
</script>
<body>
<!--幻灯 -->
<div class="lanrenzhijia">
<div id="slider" class="lanrenzhijia2" onclick="func();">
<img src="./image/111.jpg" alt="" title="#lanrenzhijia1" height="475" id="ddddd">
<img src="./image/111.jpg" alt="" title="#lanrenzhijia1" height="475" id="ccccc">
</div>
<div id="preloader"></div>
</div>
<!--幻灯 -->
</body>
...全文
请发表友善的回复…
发表回复
天际的海浪 2016-09-26
- 打赏
- 举报
<script language="javascript" type="text/javascript">
function func(e){
//slider是div中的id值
var ele = e.target || e.srcElement;
if (ele.tagName=="IMG") {
var img1 = ele.id;
alert(img1);
if (img1=="ddddd"){
window.location.href="b.html";
}
}
}
</script>
<body>
<!--幻灯 -->
<div class="lanrenzhijia">
<div id="slider" class="lanrenzhijia2" onclick="func(event);">
<img src="./image/111.jpg" alt="" title="#lanrenzhijia1" height="475" id="ddddd">
<img src="./image/111.jpg" alt="" title="#lanrenzhijia1" height="475" id="ccccc">
</div>
<div id="preloader"></div>
</div>
<!--幻灯 -->
</body>
人生难得一只鸡 2016-09-26
- 打赏
- 举报
当你需要点击其中的切换图片去做一些操作时，比如点击图片跳转，点击事件 应该加在图片上
这样点击事件触发，那么你就知道点击了哪张图片
