Sammlung von Kartenbereichen
Beispiel
Finden Sie heraus, wie viele <area>-Elemente in einer bestimmten Image-Map vorhanden sind:
var x = document.getElementById("planetmap").areas.length;
Das Ergebnis von x ist:
3
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Bereichssammlung gibt eine Sammlung aller <area>-Elemente in einer Imagemap zurück.
Hinweis: Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen.
Tipp: Um eine Sammlung aller <area>-Elemente zurückzugeben, für die ein href-Attribut angegeben ist, verwenden Sie die Links- Sammlung.
Browser-Unterstützung
| Collection | |||||
|---|---|---|---|---|---|
| areas | Yes | Yes | Yes | Yes | Yes |
Syntax
mapObject.areas
Eigenschaften
| Property | Description |
|---|---|
| length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Methoden
| 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 |
Technische Details
| DOM-Version: | Dokumentobjekt der Kernebene 2 |
|---|---|
| Rückgabewert: | Ein HTMLCollection-Objekt, das alle <area>-Elemente in einer Imagemap im Dokument darstellt. Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen |
Mehr Beispiele
Beispiel
[ Inhaltsverzeichnis ]
Rufen Sie die URL des ersten <area>-Elements in einer Image-Map ab:
var x = document.getElementById("planetmap").areas[0].href;
Das Ergebnis von x ist:
https://www.w3schools.com/jsref/sun.htm
Beispiel
Artikel ( Index )
Rufen Sie die URL des ersten <area>-Elements in einer Image-Map ab:
var x = document.getElementById("planetmap").areas.item(0).href;
Das Ergebnis von x ist:
https://www.w3schools.com/jsref/sun.htm
Beispiel
NamedItem( id )
Rufen Sie die URL des <area>-Elements mit id="myArea" in einer Image-Map ab:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Das Ergebnis von x ist:
https://www.w3schools.com/jsref/mercur.htm
Beispiel
Durchlaufen Sie alle <area>-Elemente in einer Image-Map und geben Sie die Form jedes Bereichs aus:
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 von txt wird sein:
rect
circle
circle
❮ Kartenobjekt