Question

我在Javascript工作。我想使用Javascript而不是JQuery或Regex等提取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

尝试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

使用Javascript从DIV中提取所有Image标签

4 个答案: