SYNCERのロゴ
アイキャッチ画像

HTMLAreaElement - HTMLのarea要素

HTMLAreaElementは、HTMLのarea要素が実装するインターフェイスです。

概要

名前
HTMLAreaElement
継承
実装
HTMLHyperlinkElementUtils
IDL
[Exposed=Window,
 HTMLConstructor]
interface HTMLAreaElement : HTMLElement {
  [CEReactions] attribute DOMString alt;
  [CEReactions] attribute DOMString coords;
  [CEReactions] attribute DOMString shape;
  [CEReactions] attribute DOMString target;
  [CEReactions] attribute DOMString download;
  [CEReactions] attribute USVString ping;
  [CEReactions] attribute DOMString rel;
  [SameObject, PutForwards=value] readonly attribute DOMTokenList relList;
  [CEReactions] attribute DOMString referrerPolicy;
};
HTMLAreaElement implements HTMLHyperlinkElementUtils;
仕様書
https://html.spec.whatwg.org/multipage/image-maps.html#the-area-element

チュートリアル

HTMLAreaElementを作成する例です。

var element = document.createElement( "area" ) ;	// <a></a>

element.shape = "circle" ;	// <area shape="circle">
element.coords = "100,100, 50" ;	// <area shape="circle" coords="100,100, 50">
element.href = "https://syncer.jp/" ;	// <area shape="circle" coords="100,100, 50" href="https://syncer.jp/">

オブジェクトを文字列で表現する時、href属性の値に置き換えられます。

// area要素の場合
var element = document.createElement( "area" ) ;
element.href = "https://syncer.jp/" ;	// <area href="https://syncer.jp/"></area>
element.text = "SYNCER" ;	// <area href="https://syncer.jp/" target="_blank">SYNCER</area>
element.toString() ;	// "https://syncer.jp/"

// 他の要素の場合
var element = document.createElement( "b" ) ;
element.toString() ;	// "[object HTMLElement]"

コンストラクタ

コンストラクタはありません。

プロパティ

alt

HTMLのarea要素のコンテンツ属性であるalt属性を反映します。

coords

HTMLのarea要素のコンテンツ属性であるcoords属性を反映します。

download

HTMLのarea要素のコンテンツ属性であるdownload属性を反映します。

ping

HTMLのarea要素のコンテンツ属性であるping属性を反映します。

referrerPolicy

HTMLのarea要素のコンテンツ属性であるreferrerpolicy属性を反映します。

rel

HTMLのarea要素のコンテンツ属性であるrel属性を反映します。

relList

HTMLのarea要素のコンテンツ属性であるrel属性を反映します。値はDOMTokenListで取り扱います。

shape

HTMLのarea要素のコンテンツ属性であるshape属性を反映します。

target

HTMLのarea要素のコンテンツ属性であるtarget属性を反映します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
HTMLAreaElement
alt
coords
download 54+ 20+ 10+× 41+××
ping 5.1+×× 15+ 4.0+
referrerPolicy 53+ 50+××× 40+××
rel 54+ 30+ 9.1+ 11+ 41+ 9.1+×
relList× 30+ 9.1+××× 9.1+×
shape
target
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年9月18日 (月)
コンテンツを公開しました。