a要素からパスの情報を取得

a要素からパスの情報を取得には、参照している要素のプロパティから取得できます。
取得できる情報はhrefプロパティを解析した結果です。

次のプロパティから情報を取得することができます。

プロパティ名 説明 返す値の例
href href属性の値。
相対パスの場合は現在表示(アクセス)中のURL(base要素がある場合はbase要素)を基準とした絶対パスに置き換わる。
https://taro:qwerty@www.example.co.jp:8080/foo/bar.html?baz=123&qux=abc#sample
protocol スキーム。 https
username Basic認証アカウントのユーザー名。 taro
password Basic認証アカウントのパスワード。 qwerty
hostname ホスト名。 www.example.co.jp
port ポート番号。 8080
host ホスト名からポート番号まで。 www.example.co.jp:8080
origin スキームからポート番号まで。
ただしBasic認証アカウントは除く。
https://www.example.co.jp:8080
pathname ルート相対パス。
ファイル名を含み(拡張子も含む)、URLパラメータ(クエリ文字列)とハッシュ(フラグメント)を除いた文字列。
/foo/bar.html
search URLパラメータ(クエリ文字列)。 baz=123&qux=abc
hash ハッシュ(フラグメント)。 #sample

JavaScript

var anchorElem = document.getElementsByTagName('a')[0];

alert(anchorElem.pathname);
  • ※ IEのすべてのバージョンで、セキュリティ上の理由からBasic認証アカウントが含まれるURLがある場合、情報の取得ができません。
    (開発ツールのコンソールには"セキュリティの問題が発生しました。"と表示されます。)

JavaScript逆引きリファレンス一覧へ戻る