Map areas 集合
Map 对象的 areas 集合返回 <map> 中所有 <area> 元素的集合
集合中的元素排序按源代码中的顺序
如果需要返回所有 <area> 元素中指定的 href 属性集合,需要使用 links 集合
浏览器支持
所有主流浏览器都支持 areas 集合
语法
mapObject.areas
属性
属性 | 描述 |
---|---|
length | 返回集合中 元素的数目 |
方法
方法 | 描述 |
---|---|
[name_or_index] | 字符串或整数,指定要检索的元素 (index 以 0 为起始) |
item(name_or_index) | 从集合中返回指定 index/name/id 的元素 |
namedItem(name_or_id) | 从集合中返回指定名称的元素 (name 或 id 属性) |
范例
获取 <map> 中 <area> 元素的数目
var x = document.getElementById("planetmap").areas.length;
范例 2
[name_or_index]
获取 <map> 中第一个 <area> 元素的 URL
var x = document.getElementById("planetmap").areas[0].href;
范例 3
item( name_or_index )
获取 <map> 中第一个 <area> 元素的 URL
var x = document.getElementById("planetmap").areas.item(0).href;
范例 4
namedItem( name_or_id )
获取 <map> 中 id="myArea" 的 <area> 元素 URL
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
范例 5
获取 <map> 中所有 <area> 元素的形状
var x = document.getElementById("planetmap"); var txt = ""; for (var i = 0; i < x.areas.length; i++) { txt = txt + x.areas[i].shape + "<br>"; } document.getElementById("demo").innerHTML = txt;