HTMLHyperlinkElementUtils.hostname - ハイパーリンクのホスト名
hostnameは、HTMLHyperlinkElementUtilsのプロパティです。ハイパーリンクに設定されているURLのホスト名を反映します。
概要
- 名前
- hostname
- 所属
- HTMLHyperlinkElementUtils
- IDL
[CEReactions] attribute USVString hostname;
- 仕様書
- https://html.spec.whatwg.org/multipage/links.html#dom-hyperlink-hostname
説明
ハイパーリンクに設定されているURLのホスト名を表す文字列。存在しない場合は空の文字列を返す。
チュートリアル
値は取得、代入、どちらもできます。
HTML
<a href="https://example.com/" id="hoge">リンク</a>
JavaScript
// HTMLHyperlinkElementUtilsを取得
var element = document.getElementById( "hoge" ) ;
取得
JavaScript
var value = element.hostname ; // "example.com"
代入
JavaScript
element.hostname = "syncer.jp" ; // <a href="https://syncer.jp/" id="hoge">リンク</a>
デモ
HTMLHyperlinkElementUtils.hostnameを取得するデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<body>
<a href="https://example.com/" id="hoge" target="_blank">リンク</a>
<hr>
<script>
var element = document.getElementById( "hoge" ) ;
console.log( element.hostname ) ;
document.body.appendChild( new Text( element.hostname ) ) ;
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● 15+ | ● | ● |
関連記事
- HTMLHyperlinkElementUtils.pathname
- pathnameは、HTMLHyperlinkElementUtilsのプロパティです。ハイパーリンクに設定されているURLのパス名を反映します。
- HTMLHyperlinkElementUtils.origin
- originは、HTMLHyperlinkElementUtilsのプロパティです。ハイパーリンクに設定されているURLのオリジンを反映します。
- HTMLHyperlinkElementUtils
- HTMLHyperlinkElementUtilsは、HTMLのハイパーリンク要素(a要素、area要素)が共通して実装するインターフェイスです。
- HTMLHyperlinkElementUtils.host
- hostは、HTMLHyperlinkElementUtilsのプロパティです。ハイパーリンクに設定されているURLのホスト名とポート番号を反映します。ホスト名のみを参照するには、hostnameを利用しましょう。