JavaScript HTML-lang-Attribut lesen
-
Holen Sie sich das
lang-Attribut alsdocumentElementin JavaScript -
Holen Sie sich das Attribut
langmitgetElementByTagNamein JavaScript -
Verwenden Sie die jQuery-Methode
attr, um das Attributlangabzurufen
In diesem Artikel werden wir 3 Beispiele untersuchen, die den Wert des Attributs lang zurückgeben. In diesem Fall ist die Beobachtung, auf welche Konvention wir uns für diesen Wert berufen können.
Holen Sie sich das lang-Attribut als documentElement in JavaScript
Wir haben ein grundlegendes HTML-Setup und das Attribut lang wird mit einem Wert festgelegt. In unserem JavaScript-Abschnitt greifen wir die Instanz für das Attribut beim document.documentElement auf.
Code - 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>
Code - JavaScript:
var lang = document.documentElement.lang;
console.log(lang)
Ausgang:
Holen Sie sich das Attribut lang mit getElementByTagName in JavaScript
Das Laufwerk ist ähnlich wie das vorherige. Der Unterschied besteht darin, wie wir die Instanz des Attributs lang erfassen.
Wir werden document.getElementByTagName("html")[0] verwenden, da der indizierte Teil das erste Element definiert. Da document.getElementByTagName standardmäßig ein Array von Objekten zurückgibt.
Code - HTML:
<!DOCTYPE html>
<html lang>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>language</title>
</head>
<body>
</body>
</html>
Code - JavaScript:
var lang = document.getElementsByTagName('html')[0].getAttribute('lang');
console.log(lang)
Ausgang:
Auf das Attribut lang folgte kein Wert, und daher wurde ein leerer Wert ausgegeben.
Verwenden Sie die jQuery-Methode attr, um das Attribut lang abzurufen
Wir werden die jQuery-Bibliothek hinzufügen, um Hilfe von ihrer Methode attr zu erhalten. Durch diese Funktion können wir das Attribut lang aus dem HTML aufrufen.
Code-Auszug:
<!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>
Ausgang:
Wir können zusammen mit dem Sprachcode sehen, dass es einen Großbuchstabencode gibt. Dieser 2-Buchstaben-Code bezieht sich auf den Ländercode, der häufig verwendet wird, um die Sprachkategorie anzugeben.
