javascript - Javascriptを使用してDIVからすべての画像タグを抽出する

Question

私はJavascriptで作業しています。JQueryや正規表現などではなく、Javascriptのみを使用してDIV内のすべての画像タグを抽出したいのですが、これを行うことはできますか?? AnyHelp をいただければ幸いです。

Answer 1

それはすべて、あなたが正確に何を望んでいるのか（そしてどのブラウザ）に依存しますが、非常に頻繁に機能するはずのコードがいくつかあります。

ここに私がそれを行う方法があります:

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/

Answer 2

これを使って

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

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

試してくださいgetElementsByTagName：

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