JavaScript 読み取り HTML lang 属性
Anika Tabassum Era
2024年2月15日
JavaScript
JavaScript Lang
-
JavaScript で
lang属性をdocumentElementとして取得する -
JavaScript で
getElementByTagNameを使用してlang属性を取得する -
jQuery
attrメソッドを使用してlang属性を取得する
この記事では、lang 属性の値を返す 3つの例を調べます。 この場合、観察は、この値についてどの規則を参照できるかということです。
JavaScript で lang 属性を documentElement として取得する
基本的な HTML セットアップがあり、lang 属性に値が設定されます。 JavaScript セクションでは、document.documentElement によって属性のインスタンスを取得します。
コード - HTML:
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>language</title>
</head>
<body>
</body>
</html>
コード - JavaScript:
var lang = document.documentElement.lang;
console.log(lang)
出力：
JavaScript で getElementByTagName を使用して lang 属性を取得する
ドライブは以前のものと同様です。 違いは、lang 属性のインスタンスを取得する方法にあります。
インデックス部分が最初の要素を定義するため、document.getElementByTagName("html")[0] を使用します。 document.getElementByTagName はデフォルトでオブジェクトの配列を返します。
コード - HTML:
<!DOCTYPE html>
<html lang>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>language</title>
</head>
<body>
</body>
</html>
コード - JavaScript:
var lang = document.getElementsByTagName('html')[0].getAttribute('lang');
console.log(lang)
出力：
lang 属性に続く値がないため、空の値が出力されました。
jQuery attr メソッドを使用して lang 属性を取得する
メソッド attr を利用するために jQuery ライブラリを追加します。 この関数を通じて、HTML から lang 属性を呼び出すことができます。
コードスニペット：
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<title>language</title>
</head>
<body>
<script>
var lang = $('html').attr('lang');
console.log(lang);
</script>
</body>
</html>
出力：
言語コードとともに、大文字コードがあることがわかります。 この 2 文字のコードは国コードを指し、言語カテゴリを指定するためによく使用されます。
チュートリアルを楽しんでいますか？ <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe
