使用Javascript从DOM提取所有图像

8hhllhi2  于 2023-02-07  发布在  Java
关注(0)|答案(2)|浏览(170)

如何使用Javascript提取HTML DOM中所有img标记的scr值?

<img src='this_value'>
qoefvg9y

qoefvg9y1#

下面的代码可以在所有主流浏览器(例如IE8+)中使用。有关querySelectorAll()的更多信息和兼容性表,请查看MDN

var imgs = document.querySelectorAll( 'img' );
var src = [];
for( var i = imgs.length; i--; ) {
  src.push( imgs[i].src );
}
    • 编辑**

@RobG和@KernelJames在评论中建议的一个替代方案,具有更好的浏览器支持:

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

gzszwxb42#

使用jquery:

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

相关问题