求得div 下 img的src地址的js代碼
更新時(shí)間：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>
我的錯(cuò)誤代碼：
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..........
}
}
解決問(wèn)題的代碼
<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) //測(cè)試成功
}
}
</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>
我的錯(cuò)誤代碼：
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..........
}
}
解決問(wèn)題的代碼
復(fù)制代碼 代碼如下:
<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) //測(cè)試成功
}
}
</script>
<input onclick="imglist('listimg')" value="test" type="button">
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了ES6的新特性之map和reduce，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
document.getElementBy("id")與$("#id")有什么區(qū)
有朋友問(wèn)document.getElementBy("id")與$("#id")的區(qū)別，其實(shí)第一個(gè)就是js中獲取對(duì)象的方法， 第二個(gè)是通過(guò)自定義函數(shù)方便調(diào)用，而第三個(gè)是jquery中獲取id對(duì)象的方法2013-09-09
談?wù)勱P(guān)于JavaScript 中的 MVC 模式
本文介紹了模型-視圖-控制器模式在 JavaScript 中的實(shí)現(xiàn)，有需要的朋友可以參考一下2013-04-04
JavaScript Undefined，Null類(lèi)型和NaN值區(qū)別
js中一些空值問(wèn)題，未定義等一系列的區(qū)別說(shuō)明2008-10-10
簡(jiǎn)介JavaScript中的sub()方法的使用
這篇文章主要介紹了JavaScript中的sub()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
JavaScript基礎(chǔ)語(yǔ)法、dom操作樹(shù)及document對(duì)象
本文介紹了學(xué)習(xí)javascript重要的3個(gè)內(nèi)容基礎(chǔ)語(yǔ)法、dom操作樹(shù)及document對(duì)象，小伙伴們一定要弄明白才行2014-12-12
本文主要介紹javascript中的String對(duì)象的用法，講解的很詳細(xì)，希望能給大家做一個(gè)參考。2016-06-06
下面小編就為大家?guī)?lái)一篇js選擇器全面解析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JavaScript入門(mén)教程(10) 認(rèn)識(shí)其他對(duì)象
對(duì)于需要更好的控制html的一些元素，就需要了解這些了。大家知道就行，有需要時(shí)可以再看。2009-01-01
本文介紹了javascript中的5個(gè)原始值（數(shù)字，字符，布爾，null,undefined），6個(gè)typeo能判斷（數(shù)字，字符，布爾，object,function,undefined）以及9個(gè)原生的內(nèi)置構(gòu)造函數(shù)，是篇非常不錯(cuò)的文章，這里推薦給大家。2014-11-11