Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/ja/docs/Web/API/HTMLMapElement/areas below:

HTMLMapElement: areas プãƒãƒ‘ティ - Web API

Baseline Widely available

areas は HTMLMapElement インターフェイスの読み取り専用プロパティで、この <map> 要素に関連付けられた <area> 要素の集合を返します。

HTMLCollection オブジェクトで、HTMLAreaElement 要素の集合を表します。

<map id="image-map">
  <area shape="circle" coords="50,50,35" alt="左矢印" />
  <area shape="circle" coords="150,50,35" alt="右矢印" />
</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 = `${area.alt}エリアをクリックしました。\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