求得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)文章
在邏輯運算符中，提到與和或，我們可能立刻想到的是&&、||，在php中還有and、or.然而and和or中有一個小小的坑,今天我們就來探討下php中and 和 &&2018-07-07
javascript學(xué)習筆記（二） 鼠標經(jīng)過時，改變div塊的背景色的代碼
javascript學(xué)習筆記（二） 鼠標經(jīng)過時，改變div塊的背景色的實現(xiàn)代碼，當然也可以用css實現(xiàn)。2011-04-04
JavaScript內(nèi)置對象屬性及方法大全，學(xué)習js的朋友可以收藏下， 方便以后的學(xué)習。2010-07-07
IE6瀏覽器下resize事件被執(zhí)行了多次解決方法
在IE瀏覽器下，一次resize事件被執(zhí)行了多次,這是IE6和IE7的一個比較廣為認知的問題，這個問題在這兩個版本的瀏覽器中表現(xiàn)有所不同，通常IE6下會比IE7下更為糟糕,接下來將介紹解決方法，需要的朋友可以參考下2012-12-12
addEventListener()第三個參數(shù)useCapture (Boolean)詳細解析
true的觸發(fā)順序總是在false之前；如果多個均為true，則外層的觸發(fā)先于內(nèi)層；如果多個均為false，則內(nèi)層的觸發(fā)先于外層2013-11-11
本文主要向大家講述了使用javascript進行調(diào)試的方法的過程，推薦給小伙伴們參考下。2015-01-01
下面小編就為大家?guī)硪黄狫S 面向?qū)ο笾^承---多種組合繼承詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
xmlHttp是一套在JavaScript腳本語言中通過Http協(xié)議傳送或者接收XML及其他數(shù)據(jù)的API。2011-01-01
javascript中數(shù)組的多種定義方法和常用函數(shù)簡介
本文簡單介紹了javascript一維數(shù)組和二維數(shù)組的定義方法集錦以及常用函數(shù)簡介。2014-05-05
Javascript基礎(chǔ)教程之關(guān)鍵字和保留字匯總
這篇文章主要介紹了Javascript基礎(chǔ)教程之關(guān)鍵字和保留字匯總,需要的朋友可以參考下2015-01-01