HTML DOM Link hreflang गुण

Link hreflang गुण लिंक किए गए दस्तावेज़ के भाषा कोड को सेट/लौटाता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है −

• hreflang विशेषता का मान लौटाना

linkObject.hreflang

• hreflang को भाषा कोड पर सेट करना

linkObject.hreflang = langCode

उदाहरण

आइए Link hreflang गुण का एक उदाहरण देखें −

<!DOCTYPE html> <html> <head> <title>Link hreflang</title> <link id="extStyle" hreflang='en' rel="stylesheet" type="text/css" href="style.css"> </head> <body> <form> <fieldset> <legend>Link-hreflang</legend> <h3>स्पेनिश</h3> <input type="button" onclick="changeStyle()" value="लिंक किया गया दस्तावेज़ किस भाषा में लिखा है?"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var extStyle = document.getElementById("extStyle");    function changeStyle(){       if(extStyle.hreflang === 'en'){          divDisplay.textContent = 'लिंक किया गया दस्तावेज़ अंग्रेजी में लिखा गया है';          document.getElementsByTagName('h3')[0].textContent = 'English'       }    } </script> </body> </html>

उपरोक्त उदाहरण में ‘style.css' में शामिल है −

form {    width:70%;    margin: 0 auto;    text-align: center; } * {    padding: 2px;    margin:5px; } input[type="button"] {    border-radius: 10px; } h3 {    font-size: 72px;    color:gold; }

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा −

'लिंक किया गया दस्तावेज़ किस भाषा में लिखा है?' बटन पर क्लिक करने से पहले −

'लिंक किया गया दस्तावेज़ किस भाषा में लिखा है?' बटन पर क्लिक करने के बाद −