javascript - img タグから src 値を取得する

Question

imgファイル内のすべてのタグを選択するために、このコード部分を JavaScript ファイルに記述しました.html。

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

src今後使用するために、これらのタグの値を配列に抽出するにはどうすればよいですか?

Answer 1

このようにしてみてください

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;
}

Answer 2

src タグを使用します。

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

また

  var imgs = document.getElementById("imgid").src;

Answer 3

あなたはこのように試すことができます： -

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

または、次のように単純に試してください:-

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

Answer 4

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

これがマップの目的です。

空の配列を使用することもできます:

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

より多くのブラウザー サポートが必要な場合、または util lib を使用したい場合は、

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

または、使用されるはずの方法で jQuery を使用するだけです (ただし、上記は_.mapアンダースコアまたはロダッシュを使用して動作します)。

jQuery('img').map(function(){ return this.src; });