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

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

JavaScriptでリンク（<a>要素）のhreflang属性の値を取得するには、hreflangプロパティを使用します。このプロパティは、対象リンクが指し示すページの言語コード（例：「en-us」「ja」など）を文字列として返します。

基本的な使い方

document.getElementById()などでリンク要素を取得した後、hreflangプロパティにアクセスするだけで、属性の値を簡単に読み取ることができます。

サンプルコード

以下のコードは、リンクのhreflang属性の値を取得して画面に表示する実際の例です。そのままコピーしてブラウザで実行してみてください。

<!DOCTYPE html>
<html>
   <body>
      <p><a id="anchorid" hreflang="en-us" href="https://www.qries.com/">Qries</a></p>
      <script>
         var myHrefLang = document.getElementById("anchorid").hreflang;
         document.write("hreflang属性の値: " + myHrefLang);
      </script>
   </body>
</html>

実行結果

上記のコードを実行すると、次のような出力が得られます。

hreflang属性の値: en-us

補足ポイント

・hreflang属性は、リンク先のコンテンツがどの言語・地域向けであるかを検索エンジンに伝えるために使われる属性です。
・属性が設定されていない場合、hreflangプロパティは空文字列（""）を返します。
・現代のJavaScriptでは、getAttribute("hreflang")メソッドを使っても同じ値を取得できます。用途に応じて使い分けるとよいでしょう。

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

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

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

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