Thuộc tính HTML DOM Anchor href được sử dụng để đặt hoặc trả về thuộc tính href. Nó trả về url của liên kết.
Sau đây là cú pháp để đặt thuộc tính anchor href−
anchorObj.href = URL
Ở trên, URL là url của liên kết. Nó có thể là một liên kết tuyệt đối, tương đối hoặc liên kết cố định với một hàm băm.
Sau đây là cú pháp để trả về thuộc tính anchor href−
anchorObj.href
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính DOM Anchor href−
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" href="https://www.abc.com:6064/abc/def.html#myteam">Our Team</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display href Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display Hostname</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").hostname;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Phần href hiển thị ”Để hiển thị url -
