アンchor href属性

HTML DOM Anchor オブジェクト

定義と使用方法

href 属性がリンクの設定や返却を href属性値。

href 属性がリンクの目的地を定義。

例

例1

リンクのターゲット（URL）を変更する：

document.getElementById("myAnchor").href = "https://www.codew3c.com/";

自分で試してみてください

例2

リンクのURLを取得：

var x = document.getElementById("myAnchor").href;

自分で試してみてください

例3

リンクのURL（相対URL）を取得するもう一つの例：

var x = document.getElementById("myAnchor").href;

自分で試してみてください

構文

href属性の返却：

anchorObject.href

href属性の設定：

anchorObject.href = URL

属性値

値 説明
URL

リンクのURLを定義。

可能な値：

  • 絶対URL - 別のサイトへのリンク（例：href="http://www.example.com/index.htm"）
  • 相対URL - サイト内のファイルへのリンク（例：href="index.htm"）
  • アンカー URL - ページ内のアンカー（例えば href="#top"）を指します

技術的詳細

返り値： リンクの URL を表す文字列値。プロトコル（例えば http://）を含む完全な URL を返します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

関連ページ

HTML リファレンスマニュアル：HTML <a> href 属性値

HTML DOM Anchor オブジェクト