Sbírka mapových oblastí
Příklad
Zjistěte, kolik prvků <area> je v konkrétní obrazové mapě:
var x = document.getElementById("planetmap").areas.length;
Výsledkem x bude:
3
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Kolekce oblastí vrací kolekci všech prvků <area> v obrazové mapě.
Poznámka: Prvky v kolekci jsou seřazeny tak, jak se objevují ve zdrojovém kódu.
Tip: Chcete-li vrátit kolekci všech prvků <area>, které mají zadaný atribut href, použijte kolekci odkazů .
Podpora prohlížeče
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Syntax
mapObject.areas
Vlastnosti
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Metody
Method | Description |
---|---|
[index] | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <area> element from the collection with the specified id. Note: Returns null if the id does not exist |
Technické údaje
Verze DOM: | Základní objekt dokumentu úrovně 2 |
---|---|
Návratová hodnota: | Objekt HTMLCollection, který představuje všechny prvky <area> v obrazové mapě v dokumentu. Prvky v kolekci jsou seřazeny tak, jak se objevují ve zdrojovém kódu |
Další příklady
Příklad
[ index ]
Získejte adresu URL prvního prvku <area> v obrázkové mapě:
var x = document.getElementById("planetmap").areas[0].href;
Výsledkem x bude:
https://www.w3schools.com/jsref/sun.htm
Příklad
položka ( index )
Získejte adresu URL prvního prvku <area> v obrázkové mapě:
var x = document.getElementById("planetmap").areas.item(0).href;
Výsledkem x bude:
https://www.w3schools.com/jsref/sun.htm
Příklad
NameItem( id )
Získejte adresu URL prvku <area> s id="myArea" v obrázkové mapě:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Výsledkem x bude:
https://www.w3schools.com/jsref/mercur.htm
Příklad
Procházejte všechny prvky <area> v obrazové mapě a vytvořte výstup tvaru každé oblasti:
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
Výsledkem txt bude:
rect
circle
circle
❮ Mapový objekt