HTMLMapElement: areas property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The areas read-only property of the HTMLMapElement interface returns a collection of elements associated with the element.
Value
A HTMLCollection object of HTMLAreaElement elements.
Example
html
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`;
});
}
Results
Specifications
| Specification |
|---|
| HTML # dom-map-areas-dev |