更多"Try it Yourself"下面的例子。
定義和用法
的區域集合返回所有的集合<area>在圖像映射元素。
Note:因為它們出現在源代碼的集合中的元素進行排序。
提示：要返回所有的集合<area>元素已指定href屬性，使用環節徵收。
瀏覽器支持
| 採集 | |||||
|---|---|---|---|---|---|
| areas | 是 | 是 | 是 | 是 | 是 |
句法
mapObject .areas屬性
| 屬性 | 描述 |
|---|---|
| length | 返回的數<area>集合中的元素。 注：該屬性為只讀 |
方法
| 方法 | 描述 |
|---|---|
| [ index ] | 返回<area>從與指定的索引的集合元素(starts at 0) 。 注：如果索引數量超出範圍，則返回null |
| item( index ) | 返回<area>從與指定的索引的集合元素(starts at 0) 。 注：如果索引數量超出範圍，則返回null |
| namedItem( id ) | 返回<area>從與指定ID的集合元素。 注：如果ID不存在，則返回null |
技術細節
| DOM版本： | 酷睿2級文檔對象 |
|---|---|
| 返回值： | 的HTMLCollection對象，代表所有<area>在圖像映射的文檔中的元素。 當它們出現在源代碼的集合中的元素進行排序 |
更多示例
例
[ 索引 ]
得到的第一個的URL <area>在圖像映射元素：
var x = document.getElementById("planetmap").areas[0].href;x的結果將是：
http://www.w3ii.com/jsref/sun.htm 試一試» 例
item( index )
得到的第一個的URL <area>在圖像映射元素：
var x = document.getElementById("planetmap").areas.item(0).href;x的結果將是：
http://www.w3ii.com/jsref/sun.htm 試一試» 例
namedItem( id )
獲取的URL <area>與在圖像映射id =“myArea”元素：
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;x的結果將是：
http://www.w3ii.com/jsref/mercur.htm 試一試» 例
通過所有環<area>在圖像映射和輸出的每個區域的形狀要素：
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i =
0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape
+ "<br>";
}TXT的結果將是：
rect
circle
circle 試一試» <地圖對象