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

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

王林
リリース: 2023-09-07 21:37:01
転載
1497 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート