JavaScript でリンクのターゲット属性の値を取得するにはどうすればよいですか?

このチュートリアルでは、JavaScript でリンクのターゲット属性の値を取得する方法を学びます。

target 属性は、リンクされたドキュメントまたはページを開く場所を指定します。

デフォルトでは、その値は「_self」に設定されています。これは、リンクされたドキュメントが同じウィンドウまたはタブで開く必要があることを意味します。 「_blank」、「_self」、「_parent」、「_top」、「frame_name」などの値を持つこともでき、各値はリンクされたドキュメントが開かれる異なる場所を定義します。

ターゲット属性を使用する

JavaScript でリンクの target 属性値を取得するには、target 属性を使用します。 target 属性は、リンクされたドキュメントが開かれる場所、つまり、同じウィンドウ内、新しいウィンドウ内、同じフレーム内などを設定するために使用されます。

document.getElementById() メソッドを使用して HTML 要素を取得できます。このメソッドは要素の ID をパラメータとして受け取り、要素オブジェクトを返します。このオブジェクトから、「target」属性を使用して要素のターゲット属性値を取得できます。

＃＃＃文法＃＃＃ リーリー

上記の構文では、「mylink」はリンクの ID (アンカー タグなど) であり、document.getElementById() メソッドと「target」属性を使用することで、リンクからターゲット属性値を取得できます。 。

例 1

次のコードを実行して、リンクのターゲット属性の値を取得してみてください -

リーリー

例 2

次の例では、document.getElementById() メソッドとターゲット属性を使用して、2 つの異なるリンクのターゲット属性の値を取得します。

リーリー

getElementsByTagName() メソッドを使用する

JavaScript では、 document.getElementsByTagName() メソッドを使用して、リンクまたはアンカー タグのターゲット属性の値を取得できます。パラメータでタグ名を受け取り、リストまたは配列と同様の HTMLCollection を返します。これには、そのタグ名のすべての要素オブジェクトが含まれており、各オブジェクトから属性「target」を使用してターゲット属性の値を取得することもできます。

＃＃＃文法＃＃＃ リーリー

上記の構文では、 document.getElementByTagName() メソッドはパラメーターとして 'a' を取るため、アンカー タグである HTMLCollection 内のすべての要素を返し、それをループして、すべての要素からターゲット属性値を取得します。リンク内の要素とそれがコンソールに記録されます。

例 3

次の例では、 document.getElementByTagName() メソッドを使用して、リンクからターゲット属性の値を取得します。

リーリー

querySelectorAll() メソッドを使用する

JavaScript では、 document.querySelectorAll() メソッドを使用して、リンクまたはアンカー タグのターゲット属性値を取得できます。

＃＃＃文法＃＃＃

次は、ターゲット属性を持つすべてのアンカー タグを取得するための構文です -

リーリー

上記の構文では、document.querySelectorAll() メソッドはパラメーターとして「a[target]」を受け取ります。したがって、ターゲット属性を含む NodeList 内のアンカー タグであるすべての要素が返され、それをループすることで、すべてのターゲット属性値を取得できます。

＃＃＃例＃＃＃

次の例では、document.querySelectorAll() メソッドを使用して、リンクのターゲット属性の値を取得します。

ああああ

以上がJavaScript でリンクのターゲット属性の値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。