HOWTO · JavaScript
JavaScript Leer atributo lang HTML
El atributo lang de la etiqueta HTML denota los detalles del idioma de la página web. Se puede cumplir con cualquier código de país de 2 letras para especificar el idioma de manera más explícita. Este atributo no afecta a la página web, sino que es solo una convención del segmento de desarrollo para informar más sobre las preocupaciones sobre las acumulaciones de lenguaje de la página web.
En este artículo, examinaremos 3 ejemplos que devolverán el valor del atributo lang. En este caso, la observación es a qué convención podemos referirnos para este valor.
Obtenga el atributo lang como documentElement en JavaScript
Tendremos una configuración HTML básica y el atributo lang se establecerá con un valor. En nuestra sección de JavaScript, tomaremos la instancia del atributo por el document.documentElement.
Código - 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>
Código - JavaScript:
var lang = document.documentElement.lang;
console.log(lang)
Producción:
Obtenga el atributo lang con getElementByTagName en JavaScript
El disco es similar al anterior. La diferencia está en cómo tomamos la instancia del atributo lang.
Usaremos document.getElementByTagName("html")[0] ya que la parte indexada define el primer elemento. Como document.getElementByTagName por defecto devuelve una matriz de objetos.
Código - HTML:
<!DOCTYPE html>
<html lang>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>language</title>
</head>
<body>
</body>
</html>
Código - JavaScript:
var lang = document.getElementsByTagName('html')[0].getAttribute('lang');
console.log(lang)
Producción:
Cualquier valor no siguió al atributo lang y, por lo tanto, se imprimió un valor vacío.
Use el método jQuery attr para obtener el atributo lang
Agregaremos la biblioteca jQuery para tomar ayuda de su método attr. A través de esta función podemos llamar al atributo lang desde el HTML.
Fragmento de código:
<!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>
Producción:
Podemos ver, junto con el código de idioma, que hay un código en mayúsculas. Este código de 2 letras hace referencia al código del país, que a menudo se utiliza para especificar la categoría del idioma.
