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

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

JavaScriptでリンク（アンカー要素）のtarget属性の値を取得するには、targetプロパティを使用します。

target属性は、リンク先のドキュメントをどこに表示するかを指定するための属性です。たとえば、同じウィンドウで開くのか、新しいウィンドウや新しいタブで開くのか、あるいは特定のフレーム内に表示するのかなどを制御できます。よく使われる値としては、現在のページを保持したまま新しいタブで開く「_blank」などがあります。

サンプルコード

以下のコードを実行すると、リンクのtarget属性の値を取得して画面に表示できます。

<!DOCTYPE html>
<html>
   <body>
      <p><a id="anchorid" rel="nofollow" target="_blank" href="https://www.qries.com/">Qries</a></p>
      <script>
         var myVal = document.getElementById("anchorid").target;
         document.write("target属性の値: " + myVal);
      </script>
   </body>
</html>

コードの解説

document.getElementById()メソッドでIDが「anchorid」のアンカー要素を取得し、そのtargetプロパティを参照することで、属性の値（この例では「_blank」）を取得しています。取得した値はdocument.write()によってページに出力されます。

なお、現代のWeb開発ではdocument.write()の代わりに、textContentやinnerHTMLを使ってDOMに結果を書き込む方法が推奨されています。

  1. JavaScriptでエリア（area）要素のhref属性からハッシュ部分を取得する方法

    JavaScriptを使って、<area>要素の href 属性に含まれるハッシュ部分（#以降の文字列）を取得したい場合は、hash プロパティを利用します。 hash プロパティは、リンクURLの中で「#」記号以降の部分（アンカー名やフラグメント識別子）を文字列として返します。ハッシュが含まれていない場合は、空文字列が返されます。 サンプルコード 以下のコードでは、イメージマップ内の <area> 要素に対して getElementById() でアクセスし、hash プロパティを使ってハッシュ部分を取得して表示しています。 <!DOCTYPE html>

  2. JavaScriptで画像のuseMap属性の値を取得する方法

    画像要素に設定された usemap 属性の値をJavaScriptで取得したい場合は、useMap プロパティを使用します。このプロパティは、対象の画像がどのイメージマップ（<map> 要素）に関連付けられているかを文字列として返します。以下のコードを実行すると、画像の usemap 属性の値を画面に表示できます。サンプルコード<!DOCTYPE html> <html>    <body>       <img id = "myid" src = "/imag