Baseline Widely available
The areas read-only property of the HTMLMapElement interface returns a collection of <area> elements associated with the <map> element.
A HTMLCollection object of HTMLAreaElement elements.
<map id="image-map">
<area shape="circle" coords="50,50,35" alt="left arrow" />
<area shape="circle" coords="150,50,35" alt="right arrow" />
</map>
<img
usemap="#image-map"
src="left-right-arrow.png"
alt="left right arrow image" />
<output></output>
output {
display: block;
}
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`;
});
}
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4