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

2016-02-19 10:37 69 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是求得div 下 img的src地址的js代码,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

目的:求得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;i13;i++) {
imageId[i]=document.getElementById("image"+i);
}
}
function loadImage() {
for(var j=1;j13;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"
divimg src="loading.gif" //div
divimg src="loading.gif" //div
/div
script
function imglist(obj)
{
var imglist=document.getElementById(obj).getElementsByTagName('IMG')
for (i=0;iimglist.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"

来源:http://www.tulaoshi.com/n/20160219/1595245.html

延伸阅读
标签: Web开发
html文件代码如下: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" titleJS控制非法字符的输入/title /head body form p这里不允许输入如下字符:(像!@#$%^&am...
标签: Web开发
单行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{marg...
标签: Web开发
控制横向和纵向滚动条的显隐? body style="overflow-y:hidden" 去掉x轴 body style="overflow-x:hidden" 去掉y轴 body scroll="no"不显 表格变色 TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''" style="CURSOR: hand" ...
标签: Web开发
有两个变量 a 和 b  如果a=1,3,5,7,9 则b="奇数" 如果a=2,4,6,8  则b="偶数" 如果a="0" 则b="零" [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
这个程序是个用来制作DIV圆角的开源javascript代码实现,效果和图像制作圆角一样的.它简单,易用,不用修改任何图像就能做到不同半径圆角.... 用这个代码你可以自由定制自己的DIV,不再是方形了.完全可以实现圆形个性DIV 用法说明: 以下说明将以一个半径为20像素圆角的DIV为例. ------------------------------A 解压您下...

经验教程

411

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部