求得div 下 img的src地址的js代码

257 阅读 0 评论 170 点赞

我是靠谱客的博主受伤背包，最近开发中收集的这篇文章主要介绍求得div 下 img的src地址的js代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

目的：求得div 下 img的src
html:
<div id="image1"><img src="loading.gif" /></div>
<div id="image2"><img src="loading.gif" /></div>
.
.
<div id="image12"><img src="loading.gif" /></div>

我的错误代码：
initImage();
loadImage();
function initImage() {
for(var i=1;i<13;i++) {
imageId[i]=document.getElementById("image"+i);
}
}
function loadImage() {
for(var j=1;j<13;j++){
imageList[j]=imageId[j].getElementsByTagName("img")[0];
if(imageId[j].src=="images/loading.gif")
imageId[j].src="images/"+j+".gif";
else..........
}
}
解决问题的代码

复制代码代码如下:

<div id="listimg">
<div><img src="loading.gif" /></div> 
<div><img src="loading.gif" /></div> 
</div> 
<script> 
function imglist(obj) 
{ 
var imglist=document.getElementById(obj).getElementsByTagName('IMG') 
for (i=0;i<imglist.length;i++ ) 
{ 
if(imglist[i].src.indexOf("loading.gif",0)!=-1){imglist[i].src="imgage/"+i+".gif";} 
alert(imglist[i].src) //测试成功 
} 
} 
</script> 
<input onclick="imglist('listimg')" value="test" type="button">