使用JavaScript從DIV提取所有圖像標籤

Question

我使用Javascript。我想提取所有使用Javascript的DIV內的圖像標籤，而不是JQuery或正則表達式等。我可以這樣做嗎？ AnyHelp，將不勝感激。

Answer 1

使用此

var imgs = document.images; 
var src = []; 
for(var i = imgs.length; i--;){ 
src.push(img.src); 
} 

Answer 2

嘗試getElementsByTagName：

var images = div.getElementsByTagName('img'); 

Answer 3

首先做一個

var divObj = document.getElementById('the div that contains the image tags') 

，然後

//this will give you a NodeCollection of img tags in this divand not an array 
divObj.getElementsByTagName('IMG') 

https://developer.mozilla.org/en-US/docs/DOM/element.getElementsByTagName

Answer 4

它所有的依賴，你想要什麼（和哪個瀏覽器），但這裏是一些應該經常工作的代碼。

這裏是如何，我會做到這一點：

var imgNodes = document.getElemetById("DIVCONTAINER").getElementsByTagName("img"); 

for(var idx = 0; idx < imgNodes.length;idx++) 
{ 
    alert(imgNodes[idx].src); 
} 

代碼來測試你可以在這裏找到。

http://jsfiddle.net/SBjA8/1/

http://jsfiddle.net/SBjA8/2/