如何在javascript中移動動態加載的圖像

我將3個圖像（名稱爲1.jpg，2.jpg，3jpg）動態地加載到名爲「div1」，「div2」和「div3」的3個div。如何在javascript中移動動態加載的圖像

function loadImages() { 

for (var i = 1; i < 3; i++) { 
var img = document.createElement("img"); 
    img.src = "vegetables/"+i+".jpg"; 
    img.id = "a"+i+""; 
    var divName = "div"+i+""; 
    document.getElementById(divName).appendChild(img); 
} 

}

這樣的作品，但除去部分我似乎無法去上班..

function removeImages() { 

for (var i = 1; i < 3; i++) { 
    var oldImages = "a"+i+""; 
    var divName = "div"+i+""; 
    document.getElementById(divName).removeChild(oldImages); 
} 

}

謝謝。

來源

2010-03-18 jesse

你有沒有考慮過使用JQuery或任何其他JavaScript庫？他們使操縱DOM變得更容易。 – 2010-03-18 01:44:35

是的我仍然有這個麻煩..有沒有一個特定的插件呢？你能否把我鏈接到相關頁面？謝謝！ – jesse 2010-03-20 14:11:18

在撈出，

document.getElementById(divName).removeChild(document.getElementById(oldImages));

removeChild需要DOM元素，而不是一個ID。

來源

2010-03-18 01:30:22

在您的刪除中，「oldImages」只是一個字符串，表示「a1」或其他。 .removeChild的參數需要是實際的DOM元素。您需要再次找到它（使用document.getElementById或遍歷div節點的子節點）或保留對圖像元素的引用。

來源

2010-03-18 01:29:01

我不知道誰在這裏駕車通過排名，但本是正確的。只是恢復秩序... – Robusto 2010-03-18 01:36:08

如何在javascript中移動動態加載的圖像

回答

相關問題