HTMLDOMアンカーhrefプロパティ

HTML DOM Anchor hrefプロパティは、href属性を設定または返すために使用されます。リンクのURLを返します。

以下は、アンカーhrefプロパティを設定するための構文です-

anchorObj.href = URL

上記のURLはリンクのURLです。ハッシュ付きの絶対リンク、相対リンク、またはアンカーリンクにすることができます。

以下は、アンカーhrefプロパティを返す構文です-

anchorObj.href

ここで、DOMAnchorhrefプロパティを実装する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" href="https://www.abc.com:6064/abc/def.html#myteam">Our Team</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display href Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display Hostname</button>
<script>
function display() {
   var a = document.getElementById("mylink").href;
      document.getElementById("myid").innerHTML = a;
   }
   function display2() {
      var a = document.getElementById("mylink").host;
      document.getElementById("myid").innerHTML = a;
   }
   function display3() {
      var a = document.getElementById("mylink").hostname;
      document.getElementById("myid").innerHTML = a;
   }
</script>
</body>
</html>

出力

HTMLDOMアンカーhrefプロパティ

「hrefパーツを表示」をクリックします」を使用してURLを表示します-

HTMLDOMアンカーhrefプロパティ

HTML<ボタン>フォーム属性

HTML<script>文字セット属性

HTML DOMBasehrefプロパティ
HTML DOM Base hrefプロパティは、HTMLタグに関連付けられています。タグは、現在のHTMLドキュメント内のすべての相対URLのベースURLを指定するために使用されます。 HTMLドキュメントには最大1つのタグを含めることができます。 Base hrefプロパティは、base要素のhref属性の値を返します。構文以下は、-の構文です。 hrefプロパティの設定- baseObject.href = URL ここで、URLはベースURLです。 hrefプロパティを返す- baseObject.href 例 BasehrefPropertyの例を見てみましょう- &
HTMLDOMアンカーのホスト名プロパティ
HTML DOMアンカーのホスト名プロパティは、URLのホスト名のみを返します。ドメイン名を返します。構文以下は、ホスト名プロパティを設定するための構文です- anchorObj.hostname = hostname 上記では、ホスト名はURLのホスト名です。構文以下は、ホスト名プロパティを返す構文です- anchorObj.hostname 例 DOMアンカーのホスト名プロパティを実装する例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Company</h1> <p&