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


Posted in Javascript onFebruary 28, 2007

目的:求得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">
Javascript 相关文章推荐
Javascript - HTML的request类
Jan 09 Javascript
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 Javascript
Document对象内容集合(比较全)
Sep 06 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
基于JavaScript实现无缝滚动效果
Jul 21 Javascript
Vue2.0子同级组件之间数据交互方法
Feb 28 Javascript
利用vue和element-ui设置表格内容分页的实例
Mar 02 Javascript
求解开jscript.encode代码的asp函数
Feb 28 #Javascript
用正则获取指定路径文件的名称
Feb 27 #Javascript
setTimeout和setInterval的浏览器兼容性分析
Feb 27 #Javascript
javascript里的条件判断
Feb 27 #Javascript
javascript第一课
Feb 27 #Javascript
javascript编程起步(第三课)
Feb 27 #Javascript
javascript编程起步(第二课)
Feb 27 #Javascript
You might like
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
PHP中for循环语句的几种变型
2007/03/16 PHP
php下网站防IP攻击代码,超级实用
2010/10/24 PHP
PHP警告Cannot use a scalar value as an array的解决方法
2012/01/11 PHP
php读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
浅析php单例模式
2014/11/25 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
php设计模式之单例模式代码
2016/06/11 PHP
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
浅谈js闭包理解
2019/03/28 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
python采用getopt解析命令行输入参数实例
2014/09/30 Python
python删除列表中重复记录的方法
2015/04/28 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
行政总经理岗位职责
2013/12/05 职场文书
文秘人员工作职责
2014/01/31 职场文书
办护照工作证明
2014/10/01 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
2015年护士节慰问信
2015/03/23 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技