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

HTMLAnchorElement - HTMLのa要素

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

概要

名前
HTMLAnchorElement
継承
実装
HTMLHyperlinkElementUtils
IDL
[HTMLConstructor]
interface HTMLAnchorElement : HTMLElement {
  [CEReactions] attribute DOMString target;
  [CEReactions] attribute DOMString download;
  [CEReactions] attribute USVString ping;
  [CEReactions] attribute DOMString rel;
  [CEReactions, SameObject, PutForwards=value] readonly attribute DOMTokenList relList;
  [CEReactions] attribute DOMString hreflang;
  [CEReactions] attribute DOMString type;

  [CEReactions] attribute DOMString text;

  [CEReactions] attribute DOMString referrerPolicy;
};
HTMLAnchorElement implements HTMLHyperlinkElementUtils;
仕様書
https://html.spec.whatwg.org/multipage/text-level-semantics.html#htmlanchorelement

チュートリアル

HTMLAnchorElementを作成する例です。

// HTMLAnchorElementを作成する
var element = document.createElement( "a" ) ;	// <a></a>

// 内容を設定する
element.href = "https://syncer.jp/" ;	// <a href="https://syncer.jp/"></a>
element.target = "_blank" ;	// <a href="https://syncer.jp/" target="_blank"></a>
element.text = "SYNCER" ;	// <a href="https://syncer.jp/" target="_blank">SYNCER</a>

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

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

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

コンストラクタ

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

プロパティ

download

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

hreflang

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

ping

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

referrerPolicy

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

rel

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

relList

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

target

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

text

HTMLのa要素のテキストを反映します。

type

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

メソッド

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

定数

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

イベント

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

サポート状況

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

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