HTMLMapElement: areas-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte areas-Eigenschaft der HTMLMapElement-Schnittstelle gibt eine Sammlung von <area>-Elementen zurück, die mit dem <map>-Element verbunden sind.
Wert
Ein HTMLCollection-Objekt von HTMLAreaElement-Elementen.
Beispiel
html
<map id="image-map" name="image-map">
<area shape="circle" coords="50,50,35" href="#left" alt="left arrow" />
<area shape="circle" coords="150,50,35" href="#right" alt="right arrow" />
</map>
<img
usemap="#image-map"
src="left-right-arrow.png"
alt="left right arrow image" />
<output></output>
js
const mapElement = document.getElementById("image-map");
const outputElement = document.querySelector("output");
for (const area of mapElement.areas) {
area.addEventListener("click", (event) => {
outputElement.textContent = `You clicked on the ${area.alt} area.\n\n`;
});
}
Ergebnisse
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-map-areas-dev |