Map areas 集合

返回上一级

Map 对象的 areas 集合返回 <map> 中所有 <area> 元素的集合

集合中的元素排序按源代码中的顺序

如果需要返回所有 <area> 元素中指定的 href 属性集合,需要使用 links 集合

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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;

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.