HTML DOM Anchor hreflang प्रॉपर्टी का उपयोग किसी लिंक की hreflang विशेषता के मान को सेट करने या वापस करने के लिए किया जाता है।
hreflang प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है -
anchorObj.hreflang = language_code
ऊपर, language_code लिंक किए गए दस्तावेज़ की भाषा का प्रतिनिधित्व करता है। इस भाषा कोड उदाहरणों में अंग्रेजी के लिए एन, बंगाली के लिए बीएन, हिंदी के लिए हाय, फ्रेंच के लिए एफआर, लैटिन के लिए ला, रूसी के लिए आरयू आदि शामिल हैं।
hreflang प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है -
anchorObj.hreflang
आइए अब DOM Anchor hreflang प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https://www.abc.com:6064/abc/products.html">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display href Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display hreflang</button>
<script>
function display() {
var a = document.getElementById("mylink").href;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").host;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").hreflang;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> आउटपुट
“प्रदर्शन hreflang . क्लिक करें "बटन -