ドキュメント内の全てのimg要素を取得

ドキュメント内の全てのimg要素を取得するには、document.imagesプロパティを使用します。
picture要素内のsource要素などは含みません。

構文

ES5

var elements = document.images;

ES6以降

const elements = document.images;

戻り値

見つかったすべてのimg要素をHTMLCollectionとして返します。

サンプルコード

JavaScript (ES5)

var imgElems = document.images;

var srcs = [];

for (var i = 0, len = imgElems.length; i < len; i++) {
	srcs.push(imgElems[i].src);
}

alert(srcs.join('\n'));

JavaScript (ES6以降)

const imgElems = document.images;

for (let i = 0, len = imgElems.length; i < len; i++) {
	console.log((imgElems[i].src);
}

JavaScript逆引きリファレンス一覧へ戻る