JavaScript Leer atributo lang HTML
-
Obtenga el atributo
langcomodocumentElementen JavaScript -
Obtenga el atributo
langcongetElementByTagNameen JavaScript -
Use el método jQuery
attrpara obtener el atributolang
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.
