JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでリンクのtarget属性の値を取得する方法

JavaScriptでリンク（<a>要素）のtarget属性の値を調べるには、targetプロパティを使用します。target属性は、リンク先をどこに表示するか（同じタブ、新しいタブなど）を指定するための属性で、このプロパティを参照するだけでその値を簡単に取得できます。

サンプルコード

次のコードでは、getElementById()メソッドでリンク要素を取得し、targetプロパティの値を画面に表示しています。

<!DOCTYPE html>
<html>
   <body>
      <p><a id = "qriesid" target="_self" href = "https://qries.com/" type = "text/html" >Qries</a></p>
      <script>
         var x = document.getElementById("qriesid").target;
         document.write("target属性の値： "+x);
      </script>
   </body>
</html>

実行結果

target属性の値： _self

target属性に指定できる主な値

  • _self：現在のフレームに表示します（デフォルト値）。
  • _blank：新しいタブまたはウィンドウに表示します。
  • _parent：親フレームに表示します。
  • _top：フレームを解除し、ウィンドウ全体に表示します。

このように、targetプロパティを使えばHTML側の属性値を意識せずに、JavaScriptから動的にリンクの開き方を確認・判定することができます。

  1. JavaScriptでページ内リンクのhref属性を取得する方法｜document.linksの使い方を解説

    JavaScriptでリンクのhref属性を取得する方法JavaScriptでは、document.linksコレクションを使うことで、ドキュメント内のリンク（<a>タグ）に簡単にアクセスできます。特定のリンクのhref属性を取得するには、document.links[インデックス].hrefのように記述します。このコレクションは配列と同じように動作します。つまり、最初のリンクがインデックス「0」、2番目のリンクがインデックス「1」というように、出現順に番号が割り当てられます。それでは、具体的なサンプルコードを使って仕組みを見ていきましょう。例1：3番目のリンクのhref属性を取得

  2. JavaScriptでリンクのhref属性とtarget属性を取得する方法

    Webページ上のリンクは、通常<p>タグなどの内側に配置された<a>（アンカー）タグで表現され、リンク先のURLを示すhref属性や、リンクの開き方を指定するtarget属性を持っています。JavaScriptでは、getElementById()メソッドでアンカー要素を取得し、その要素が持つhrefプロパティやtargetプロパティにアクセスすることで、これらの属性値を簡単に読み取ることができます。以下、それぞれの取得方法を順番に見ていきましょう。href属性を取得する方法リンク先のURLを取得するには、アンカー要素のhrefプロパティを使用します。次の例では、idが