HTMLAreaElement: hash プロパティ

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.

hash は HTMLAreaElement インターフェイスのプロパティで、この <area> 要素の href における、 "#" に続くフラグメント識別子の文字列を返します。 URL にフラグメント識別子がない場合、このプロパティには空の文字列 "" が入ります。

詳しくは URL.hash を参照してください。

値

文字列です。

例

エリアのリンクからハッシュを取得

この HTML があったとします。

html

<map name="infographic">
  <area
    id="mdn-circle"
    shape="circle"
    coords="130,136,60"
    href="https://developer.mozilla.org/#ExampleSection"
    alt="MDN" />
</map>

<img
  usemap="#infographic"
  src="/media/examples/mdn-info.png"
  alt="MDN infographic" />

このようにすると、アンカーのハッシュを取得することができます。

const area = document.getElementById("mdn-circle");
area.hash; // '#ExampleSection'

仕様書

Specification
HTML # dom-hyperlink-hash-dev

HTMLAreaElement: hash プロパティ

値

例

エリアのリンクからハッシュを取得

仕様書

ブラウザーの互換性

関連情報