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

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

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

href属性を取得する方法

リンク先のURLを取得するには、アンカー要素のhrefプロパティを使用します。次の例では、idが「myId」のアンカー要素からhref属性の値を取得し、画面に表示しています。

コード例

<html>
<body>
<p><a id="myId" href="https://www.tutorialspoint.com/">tutorialspoint</a></p>
<script>
   var ref = document.getElementById("myId").href;
   document.write(ref);
</script>
</body>
</html>

実行結果

tutorialspoint

https://www.tutorialspoint.com/

このように、アンカー要素のhrefプロパティを参照するだけで、リンク先の完全なURLを文字列として取得できます。

target属性を取得する方法

リンクの開き方を指定するtarget属性を取得するには、アンカー要素のtargetプロパティを使用します。次の例では、target属性に「_blank」（新しいタブで開く）が設定されており、プログラムを実行するとその値が表示されます。

コード例

<html>
<body>
<p><a id="myId" target="_blank" href="https://www.tutorialspoint.com/">tutorialspoint</a></p>
<script>
   var ref = document.getElementById("myId").target;
   document.write(ref);
</script>
</body>
</html>

実行結果

tutorialspoint

_blank

主なtarget属性の値

  • _blank：新しいタブ（またはウィンドウ）で開く
  • _self：現在と同じフレーム／タブで開く（デフォルト）
  • _parent：親フレームで開く
  • _top：ウィンドウ全体で開く

なお、サンプルで使用しているdocument.write()は現在では非推奨とされているため、実際の開発ではconsole.log(ref)やtextContentを使って値を確認・表示するのが一般的です。

  1. JavaScriptでフォームの名前（name）とターゲット（target）を取得する方法

    HTMLフォームには通常、名前（name）とターゲット（target）が設定されています。特にフォームのバリデーション（入力値チェック）を行う場合、名前が設定されていないと処理が非常に難しくなります。JavaScriptでは、フォーム要素のnameプロパティとtargetプロパティを使うことで、これらの値をそれぞれ簡単に取得できます。以下では、それぞれの取得方法を詳しく解説します。 フォームの名前（name）を取得する サンプルコード 次の例では、document.getElementById()で取得したフォーム要素に対してnameプロパティを参照し、フォームの名前を取得しています。この名前

  2. JavaScriptで数値の立方根を求める方法！Math.cbrt()メソッドの使い方を解説

    JavaScriptのMathオブジェクトと立方根JavaScriptでは、Mathオブジェクトを使用することで、さまざまな数学的な操作を実行できます。その中でもMath.cbrt()は、数値の立方根（三乗根）を求めるために特化したメソッドです。引数として数値を1つ受け取り、その立方根の値を戻り値として返します。平方根を求めるMath.sqrt()とは異なり、負の数に対しても有効な結果を返せる点が大きな特徴です。数学的に、負の数の立方根も実数として定義されるためです。構文Math.cbrt(64);引数に数値を渡すと、その立方根の値が戻り値として返されます。例1：正の値の立方根を求める次の例で