HTML DOM lang用法及代码示例

在HTML文档中，lang属性用于设置或返回元素的lang属性值。此属性指定元素内容的语言代码。 element属性的英文为“en”，日语为“ja”，西班牙语为“es”，依此类推。此属性的默认值是未知的。语法：获取lang的值：

HTMLElementObject.lang;

为lang设置新值：

HTMLElementObject.lang = language_code;

language_code指定元素内容的语言代码。此属性返回一个字符串，该字符串代表元素文本的语言。

示例1：分配语言代码的值。

<!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>

输出：
在单击按钮之前：

单击“显示语言”按钮后：

说明：
上面的示例获取第一段的语言代码，并将该语言分配给第二段。

示例2：检查语言代码的值。

<!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>

输出：
在点击按钮之前

单击显示语言按钮后

支持的浏览器：

谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器

相关用法

注：本文由纯净天空筛选整理自chaitanyashah707大神的英文原创作品 HTML | DOM lang Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。