更多"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 试一试» <地图对象