更多"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>的文檔中的元素，並輸出所述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>標記
<文檔對象