Open In App
Related Articles

HTML | DOM Link hreflang Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The DOM Link hreflang Property is used to set or return the value of the hreflang attribute of a linked document. The hreflang attribute is used to specify the language for a linked document. 

Syntax: 

  • It return the hreflang property.
linkObject.hreflang
  • It is used to set the hreflang property.
linkObject.hreflang = languagecode

Property Values: It contains the value i.e languagecode which specify the language code for the linked document. 

Return Value: It returns a string value which represents the languagecode for the linked document. 

Example-1: This Example returns the hreflang Property. 

HTML

<!DOCTYPE html>
<html>
<head>
    <link id="linkid"
          rel="stylesheet"
          type="text/css"
          href="styles.css"
          sizes="16*16"
          hreflang="en-us">
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>
      DOM Link hreflang Property
      </h2>
    <button onclick="gfg()">
      Get URL
    </button>
    <p id="pid"
       style="font-size:25px;
              color:green;">
      </p>
    <script>
        function gfg() {
 
            // Return Link hreflang Property
            var NEW = document.getElementById(
                "linkid").hreflang;
            document.getElementById(
                "pid").innerHTML = NEW;
        }
    </script>
</body>
</html>

                    

Output: 

Before Clicking On Button:

  

After Clicking On Button: 

 

Example-2: This Example sets the hreflang Property. 

HTML

<!DOCTYPE html>
<html>
<head>
    <link id="linkid"
          rel="stylesheet"
          type="text/css"
          href="styles.css"
          sizes="16*16"
          hreflang="en-us">
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>
      DOM Link hreflang Property
      </h2>
    <button onclick="gfg()">Get URL
    </button>
    <p id="pid"
       style="font-size:25px;
              color:green;">
      </p>
    <script>
        function gfg() {
 
            // Set Link hreflang Property
            var NEW = document.getElementById(
                "linkid").hreflang = "ja";
           
            document.getElementById(
                "pid").innerHTML =
              "The value of the hreflang"+
              " attribute was changed to " + NEW;
        }
    </script>
</body>
</html>

                    

Output: 

Before Clicking On Button:

  

After Clicking On Button:

 

Supported Browsers:

  • Google Chrome
  • Mozilla Firefox
  • Edge
  • Safari
  • Opera


Last Updated : 22 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads