HTML | DOM propiedad de idioma

En el documento HTML, la propiedad lang se usa para establecer o devolver el valor del atributo lang de un elemento. Este atributo especifica el código de idioma del contenido del elemento. El atributo del elemento toma «en» para inglés, «ja» para japonés, «es» para español, etc. Se desconoce el valor predeterminado de este atributo. 

Sintaxis: 

Obtener el valor de lang: 

HTMLElementObject.lang;

Establecer un nuevo valor para lang: 

HTMLElementObject.lang = language_code;

Valor de propiedad: language_code especifica el código de idioma para el contenido del elemento. Esta propiedad devuelve una string que representa el idioma del texto del elemento.

Valor devuelto: una string, que representa el idioma del texto del elemento

Ejemplo-1: Asigne el valor del código de idioma. 
 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | DOM lang Property
    </title>
</head>
 
<body>
 
    <p id="para1" lang="en">
        Click the button to display
      the language code of paragraph.
    </p>
 
 
 
    <button onclick="myFunction()">
        Display Language
    </button>
 
    <p id="para2"></p>
 
 
 
    <script>
        function myFunction() {
            var x = document.getElementById("para1").lang;
            document.getElementById("para2").innerHTML = x;
        }
    </script>
 
</body>
 
</html>

Salida:  
Antes de hacer clic en el botón: 

Después de hacer clic en el botón Mostrar idioma: 

Explanation: 
The above example gets the language code of the first paragraph and assigns that language to the second paragraph.

Ejemplo-2: Compruebe el valor del código de idioma. 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | DOM lang Property
    </title>
</head>
 
<body>
 
    <p id="para1" lang="ja">
        Click the button to display
      the language code of paragraph.
    </p>
 
 
 
    <button onclick="myFunction()">
        Display Language
    </button>
 
    <p id="para2"></p>
 
 
 
    <script>
        function myFunction() {
            if (document.getElementById("para1").lang === "ja") {
                document.getElementById("para2").innerHTML =
                    "Japanese";
            } else {
                document.getElementById("demo").innerHTML =
                    "Not in Japanese";
            }
        }
    </script>
 
</body>
 
</html>

Salida:  
antes de hacer clic en el botón 

Después de hacer clic en el botón Mostrar idioma 

Navegadores compatibles: 

  • Google cromo 1
  • Borde 12
  • Internet Explorer 5.5
  • Firefox 1
  • Ópera 12.1
  • Safari 3

Publicación traducida automáticamente

Artículo escrito por chaitanyashah707 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *