当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM lang用法及代码示例


在HTML文档中,lan​​g属性用于设置或返回元素的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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。