javascript - 使用Javascript从DIV中提取所有图像标签

Question

我正在使用 Javascript。我想仅使用 Javascript 而不是 JQuery 或 Regex 等提取 DIV 中的所有图像标签。我可以这样做吗？任何帮助，将不胜感激。

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

尝试getElementsByTagName：

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

Answer 3

用这个

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

Answer 4

首先做一个

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