Neueste Web-Entwicklung Tutorials
 

Kartenbereiche Sammlung

<Map - Objekt

Beispiel

Finden Sie heraus , wie viele <area> Elemente gibt es in einer bestimmten Bild-Karte ist:

var x = document.getElementById("planetmap").areas.length;

Das Ergebnis von x wird sein:

3
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die Bereiche Sammlung gibt eine Auflistung aller <area> Elemente in einem Bild-Karte.

Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.

Tipp: Um eine Auflistung aller Rück <area> Elemente , die ein href - Attribut angegeben haben, ist die Verwendung Links Sammlung.

Browser-Unterstützung

Sammlung
areas Ja Ja Ja Ja Ja

Syntax

mapObject .areas

Eigenschaften

Eigentum Beschreibung
length Gibt die Anzahl der <area> Elemente in der Sammlung.

Hinweis: Diese Eigenschaft ist schreibgeschützt

Methods

Methode Beschreibung
[ index ] Gibt die <area> Element aus der Sammlung mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
item( index ) Gibt die <area> Element aus der Sammlung mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
namedItem( id ) Gibt das <area> Element aus der Sammlung mit der angegebenen ID.

Hinweis: Gibt null zurück , wenn die ID nicht existiert

Technische Details

DOM Version: Core Level 2 Document Object
Rückgabewert: Ein HTMLCollection Objekt, stellvertretend für alle <area> Elemente in einer Bild-Karte im Dokument. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen
Beispiele

Mehr Beispiele

Beispiel

[Index]

Holen Sie sich das URL des ersten <area> Element in einem Bild-Karte:

var x = document.getElementById("planetmap").areas[0].href;

Das Ergebnis von x wird sein:

http://www.w3ii.com/jsref/sun.htm
Versuch es selber "

Beispiel

item( index )

Holen Sie sich das URL des ersten <area> Element in einem Bild-Karte:

var x = document.getElementById("planetmap").areas.item(0).href;

Das Ergebnis von x wird sein:

http://www.w3ii.com/jsref/sun.htm
Versuch es selber "

Beispiel

namedItem( id )

Holen Sie die URL des <area> Element mit id = "MyArea" in einem Bild-Karte:

var x = document.getElementById("planetmap").areas.namedItem("myArea").href;

Das Ergebnis von x wird sein:

http://www.w3ii.com/jsref/mercur.htm
Versuch es selber "

Beispiel

Schleife durch alle <area> Elemente in einem Bild-Karte und geben die Form jeder Fläche:

var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
    txt = txt + x.areas[i].shape + "<br>";
}

Das Ergebnis der txt wird:

rect
circle
circle
Versuch es selber "
<Map - Objekt