Thuộc tính HTML DOM Anchor hreflang được sử dụng để đặt hoặc trả về giá trị của thuộc tính hreflang của một liên kết.
Sau đây là cú pháp để đặt thuộc tính hreflang -
anchorObj.hreflang = language_code
Ở trên, language_code đại diện cho ngôn ngữ của tài liệu được liên kết. Ví dụ về mã ngôn ngữ này, bao gồm en cho tiếng Anh, bn cho tiếng Bengali, hi cho tiếng Hindi, fr cho tiếng Pháp, la cho tiếng Latinh, ru cho tiếng Nga, v.v.
Sau đây là cú pháp để trả về thuộc tính hreflang -
anchorObj.hreflang
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính DOM Anchor hreflang -
Ví dụ
<!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> Đầu ra
Nhấp vào “ Hiển thị hreflang Nút ”-