例
どのように多くのを見つける<img>ドキュメント内にある要素：
var x = document.images.length;xの結果は次のようになります。
3 »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
画像コレクションは、すべてのコレクションを返します<img>ドキュメント内の要素を。
Note:彼らはソースコードに表示されるコレクションの要素がソートされています。
注：画像のコレクションは、コレクション戻らない<input>タイプ=「画像」と要素。
ヒント：また見てイメージオブジェクト 。
ブラウザのサポート
| コレクション | |||||
|---|---|---|---|---|---|
| images | はい | はい | はい | はい | はい |
構文
document.imagesプロパティ
| プロパティ | 説明 |
|---|---|
| length | 数を返します<img>コレクションの要素を。 注：このプロパティは読み取り専用です |
メソッド
| 方法 | 説明 |
|---|---|
| [ index ] | 返し<img>指定されたインデックスを持つコレクションから要素を(starts at 0) 。 注意：インデックス番号が範囲外の場合はnullを返します。 |
| item( index ) | 返し<img>指定されたインデックスを持つコレクションから要素を(starts at 0) 。 注意：インデックス番号が範囲外の場合はnullを返します。 |
| namedItem( id ) | 返し<img>指定したIDのコレクションから要素を。 注意：idが存在しない場合はnullを返します。 |
技術的な詳細
| DOMバージョン： | コアレベル1のドキュメントオブジェクト |
|---|---|
| 戻り値： | すべて表すHTMLCollectionオブジェクト、 <img>ドキュメント内の要素を。 彼らはソースコードに表示されるコレクションの要素がソートされています |
その他の例
例
[ インデックス ]
最初のURLを取得<img>要素(index 0)文書で：
var x = document.images[0].src;xの結果は次のようになります。
http://www.w3ii.com/jsref/klematis.jpg »それを自分で試してみてください 例
item( index )
最初のURLを取得<img>要素(index 0)文書で：
var x = document.images.item(0).src;xの結果は次のようになります。
http://www.w3ii.com/jsref/klematis.jpg »それを自分で試してみてください 例
namedItem( id )
URLを取得<img>文書のid =「myImg」を持つ要素を：
var x = document.images.namedItem("myImg").src;xの結果は次のようになります。
http://www.w3ii.com/jsref/smiley.gif »それを自分で試してみてください 例
最初に黒の点線の境界線を追加します。 <img>ドキュメント内の要素：
document.images[0].style.border = "10px dotted black"; »それを自分で試してみてください 例
全てをループ<img>文書の要素、及び出力URL (src)各画像の：
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}TXTの結果は次のようになります。
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif »それを自分で試してみてください 関連ページ
JavaScriptリファレンス： HTML DOMイメージオブジェクト
HTMLチュートリアル： HTML画像
HTMLリファレンス： HTML <img>タグ
<ドキュメントオブジェクト