ホームページ  >  記事  >  ウェブフロントエンド  >  HTML DOM アンカーのパス名属性 HTML DOM アンカーのパス名プロパティは、URL のパス名部分を返します。

HTML DOM アンカーのパス名属性 HTML DOM アンカーのパス名プロパティは、URL のパス名部分を返します。

王林
王林転載
2023-09-07 21:37:011470ブラウズ

HTML DOM アンカーのパス名属性は、href 属性のパス名を設定または返すために使用されます。

パス名属性を設定するための構文は次のとおりです。 -

anchorObj.pathname = path

上記のパスは、URL のパス名です。

パス名属性を返すための構文は次のとおりです。

anchorObj.pathname

次に、DOM アンカー パス名属性の実装例を見てみましょう。

Example

リアルタイムデモ

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https &minus;//abc.com/abc.html/#new">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display hreflang</button>
<script>
   function display1() {
      var a = document.getElementById("mylink").pathname;
      document.getElementById("myid").innerHTML = a;
   }
   function display2() {
      var a = document.getElementById("mylink").hreflang;
      document.getElementById("myid").innerHTML = a;
   }
</script>
</body>
</html>

出力

HTML DOM Anchor pathname属性

HTML DOM Anchor pathname属性返回URL中的路径名部分

上で「パス名の表示」をクリックしてパス部分

##を表示します。 HTML DOM アンカーのパス名属性

HTML DOM アンカーのパス名プロパティは、URL のパス名部分を返します。 #

以上がHTML DOM アンカーのパス名属性 HTML DOM アンカーのパス名プロパティは、URL のパス名部分を返します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。