Javascript 从img标记获取src值

我在JavaScript文件中编写了这个代码部分，以选择

.html

文件中的所有

img

标记

var imgs = document.getElementsByTagName('img');

---

如何将这些标记的

src

值提取到数组中以备将来使用？

您可以这样尝试：-

var img = document.getElementById('myImg');
var attr = img.getAttribute('src');

var imgs = document.getElementById('your_image_id').getAttribute('src');

或者像这样简单地尝试：-

var img = document.getElementById('myImg');
var attr = img.getAttribute('src');

var imgs = document.getElementById('your_image_id').getAttribute('src');

使用src标记：

  var imgs = document.getElementsByTagName("img")[0].src;

或

这就是为什么

也可以使用空数组：

[].map.call(document.getElementsByTagName('img'), function(img) {
  return img.src;
});

如果需要更多浏览器支持或希望使用util库

jQuery.map(document.getElementsByTagName('img'), function(img){ return img.src; });

或者只是按照使用jQuery的方式使用它（尽管上面使用下划线或lodash将与

\uu.map

一起使用）：

就这样试试吧

function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];

    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }

    return imgSrcs;
}

函数img_find（）{
var imgs=document.getElementsByTagName（“img”）；
var imgSrcs=[]；
对于（变量i=0；i

function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];

    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }

    return imgSrcs;
}