使用Javascript从DOM中提取所有图像

如何使用Javascript提取HTML DOM中所有

img

标记的

scr

值

<img src='this_value'>

---

以下内容应适用于所有主要浏览器（如IE8+）。有关

querySelectorAll（）

和兼容性表的更多信息，请查看

编辑

@RobG和@KernelJames在评论中建议的另一个更好的浏览器支持：

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

使用jquery：

var paths = []
$('img').each(function() {
  paths.push(this.src);
});
console.log(paths);

---

谁说过jQuery？没人，但这有关系吗？如果是这样的话，请随意否决，我真的不在乎：）P.S.与其纠正/否决所有人，为什么不正确回答呢？不使用jquery，只使用干净的javascriut；无论如何，它在某些方面是有用的point@schaermu确切地说，继续帮助他人，我给你一个提示：）…bcoz任何提示都是有用的，不支持投票，但这不适用于嵌套在其他标记中的img，如

a

。您可能需要扩展此逻辑。您可能需要注意哪些浏览器可以使用

querySelectorAll

。qSA行可以替换为

var imgs=document.images

，每个正在使用的浏览器（以及大多数不支持的浏览器）都支持该行。只需将

document.querySelectorAll

替换为

document.images

我搜索了php版本，对于javascript，什么都没有；foreach（$html->find（'img'）as$e）{$image=$e->src；if（console）console.log（）；}

var paths = []
$('img').each(function() {
  paths.push(this.src);
});
console.log(paths);