求得div 下 img的src地址的js代码
更新时间：2007年02月28日 00:00:00 作者：
目的：求得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">
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">
相关文章
在逻辑运算符中，提到与和或，我们可能立刻想到的是&&、||，在php中还有and、or.然而and和or中有一个小小的坑,今天我们就来探讨下php中and 和 &&2018-07-07
javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码
javascript学习笔记（二） 鼠标经过时，改变div块的背景色的实现代码，当然也可以用css实现。2011-04-04
JavaScript内置对象属性及方法大全，学习js的朋友可以收藏下， 方便以后的学习。2010-07-07
在IE浏览器下，一次resize事件被执行了多次,这是IE6和IE7的一个比较广为认知的问题，这个问题在这两个版本的浏览器中表现有所不同，通常IE6下会比IE7下更为糟糕,接下来将介绍解决方法，需要的朋友可以参考下2012-12-12
addEventListener()第三个参数useCapture (Boolean)详细解析
true的触发顺序总是在false之前；如果多个均为true，则外层的触发先于内层；如果多个均为false，则内层的触发先于外层2013-11-11
本文主要向大家讲述了使用javascript进行调试的方法的过程，推荐给小伙伴们参考下。2015-01-01
下面小编就为大家带来一篇JS 面向对象之继承---多种组合继承详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
xmlHttp是一套在JavaScript脚本语言中通过Http协议传送或者接收XML及其他数据的API。2011-01-01
本文简单介绍了javascript一维数组和二维数组的定义方法集锦以及常用函数简介。2014-05-05
这篇文章主要介绍了Javascript基础教程之关键字和保留字汇总,需要的朋友可以参考下2015-01-01
最新评论