HTML DOM Map areas 集合
定義和使用
areas 集合返回圖像地圖中所有<area> 元素的集合。
注意：集合中的元素排序按源代碼中的順序。
提示：如果需要返回所有<area>元素中指定的href屬性集合，'你需要使用links集合。
瀏覽器支持
所有主流瀏覽器都支持areas 集合。
語法
mapObject .areas
屬性
| 屬性 | 描述 |
|---|---|
| length | 返回集合中<area> 元素的數目 |
方法
| 方法 | 描述 |
|---|---|
| [name_or_index] | 字符串或整數，指定要檢索的元素(index 以0 為起始) |
| item(name_or_index) | 從集合中返回指定index/name/id 的元素 |
| namedItem(name_or_id) | 從集合中返回指定名稱的元素(name 或 id 屬性) |
更多實例
實例
[ name_or_index ]
獲取圖像地圖中第一個<area> 元素的URL：
var x = document.getElementById("planetmap").areas[0].href;
嘗試一下»
實例
item( name_or_index )
獲取圖像地圖中第一個<area> 元素的URL：
var x = document.getElementById("planetmap").areas.item(0).href;
嘗試一下»
實例
namedItem( name_or_id )
獲取圖像地圖中id="myArea" 的<area> 元素URL：
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
嘗試一下»
實例
獲取圖像地圖中所有<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;
var txt = "";
for (var i = 0; i < x.areas.length; i++)
{
txt = txt + x.areas[i].shape + "<br>";
}
document.getElementById("demo").innerHTML = txt;
嘗試一下»