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