HTML DOM アンカーのパス名属性 HTML DOM アンカーのパス名プロパティは、URL のパス名部分を返します。-htmlチュートリアル-php.cn

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

王林

リリース： 2023-09-07 21:37:01

転載

1435 人が閲覧しました

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>

ログイン後にコピー