SVGAElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

* Some parts of this feature may have varying levels of support.

SVGAElement インターフェイスは、<a> 要素のプロパティにアクセスし、それらを操作するためのメソッドを提供します。

インスタンスプロパティ

このインターフェイスは親である SVGGraphicsElement から継承したプロパティもあります。

SVGAElement.download: 文字列で、リンクされたリソースがブラウザーで表示されるのではなく、ダウンロードされることを意図していることを示します。
SVGAElement.hash: 文字列で、参照先 URL 内のフラグメント識別子を表します。先頭のハッシュ記号 (#) が存在する場合は、それも含みます。
SVGAElement.host: 文字列で、参照された URL 内のホスト名とポート（デフォルトポートでない場合）を表します。
SVGAElement.hostname: 文字列で、参照された URL 内のホスト名を表します。
SVGAElement.href 読取専用: SVGAnimatedString で、href または xlink:href 非推奨; 属性を反映します。
SVGAElement.hreflang: 文字列で、リンクされたリソースの言語を示します。
SVGAElement.interestForElement Experimental 非標準: 関連付けられた <a> 要素が関心インボーカーとして指定されている場合、関心インボーカーの対象要素を取得または設定します。
SVGAElement.origin 読取専用: URL のオリジン（スキーム、ドメイン、ポート）を含む文字列を返します。
SVGAElement.pathname: 文字列で、最初の / に続いて URL のパスが示されます。クエリー文字列やフラグメントは含まれません。
SVGAElement.password: ドメイン名の前に指定されたパスワードが含まれている文字列です。
SVGAElement.ping: ping 属性を反映する文字列です。空白区切りの URL のリストが含まれます。ハイパーリンクがたどられた際、ブラウザーは（バックグラウンドで）、POST で本体 PING のリクエストを送信します。通常はトラッキングに使用されます。
SVGAElement.port: 文字列で、参照された URL のポート番号成分（存在する場合）を表します。
SVGAElement.protocol: 文字列で、参照されたURLのプロトコル要素（末尾のコロン (:) を含む）を表します。
SVGAElement.referrerPolicy: 文字列で、どのリファラーを URL のフェッチ時に送信するかを指定します。
SVGAElement.rel: 文字列で、SVG の rel 属性を反映し、リンク先との関連を指定します。
SVGAElement.relList: DOMTokenList で、SVG の rel 属性を、トークンのリストとして反映します。
SVGAElement.search: 文字列で、URLのクエリー文字列（存在する場合）を表します。先頭の疑問符 (?) を含みます。
SVGAElement.target 読取専用: 指定された要素の target 属性に対応します。
SVGAElement.text 非推奨;: 文字列で、Node.textContent プロパティの別名です。
SVGAElement.type: 文字列で、type 属性を反映し、リンクされたリソースの MIME タイプを示します。
SVGAElement.username: ドメイン名の前に指定されたユーザー名を含む文字列です。

インスタンスメソッド

このインターフェイスは親である SVGGraphicsElement から継承したメソッドもあります。

例

次の例では、<a> 要素の target 属性が _blank に設定されており、リンクがクリックされると、条件が満たされたかどうかを通知するためにログ出力されます。

const linkRef = document.querySelector("a");
linkRef.target = "_self";

linkRef.onclick = () => {
  if (linkRef.target === "_blank") {
    console.log("BLANK!");
    linkRef.target = "_self";
  } else {
    console.log("SORRY! not _blank");
  }
};