HTML | DOM Link hreflang Property
Last Updated :
22 Aug, 2022
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
Share your thoughts in the comments
Please Login to comment...