免費(fèi)AI編程助手
Map areas 集合
Map 對象實(shí)例
獲取圖片地圖中 <area> 元素的數(shù)目：
var x = document.getElementById("planetmap").areas.length;
x 輸出值為：
3
嘗試一下 ?
定義和使用
areas 集合返回圖像地圖中所有 <area> 元素的集合。
注意： 集合中的元素排序按源代碼中的順序。
提示： 如果需要返回所有 <area> 元素中指定的 href 屬性集合 ，'你需要使用 links 集合。
瀏覽器支持
所有主流瀏覽器都支持 areas 集合。
語法
mapObject.areas
屬性
| 屬性 | 描述 |
|---|---|
| length | 返回集合中 <area> 元素的數(shù)目 |
方法
| 方法 | 描述 |
|---|---|
| [name_or_index] | 字符串或整數(shù)，指定要檢索的元素 (index 以 0 為起始) |
| item(name_or_index) | 從集合中返回指定 index/name/id 的元素 |
| namedItem(name_or_id) | 從集合中返回指定名稱的元素 (name 或 id 屬性) |
更多實(shí)例
實(shí)例
[name_or_index]
獲取圖像地圖中第一個(gè) <area> 元素的URL：
var x = document.getElementById("planetmap").areas[0].href;
嘗試一下 ?
實(shí)例
item(name_or_index)
獲取圖像地圖中第一個(gè) <area> 元素的URL：
var x = document.getElementById("planetmap").areas.item(0).href;
嘗試一下 ?
實(shí)例
namedItem(name_or_id)
獲取圖像地圖中 id="myArea" 的<area> 元素URL：
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
嘗試一下 ?
實(shí)例
獲取圖像地圖中所有<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;
嘗試一下 ?
更多建議：