Thuộc tính href của Anchor trong HTML DOM được dùng để thiết lập hoặc trả về thuộc tính href. Nó trả về URL của liên kết.
Cú pháp để thiết lập thuộc tính anchor href:
anchorObj.href = URL
Ở trên, URL là URL của liên kết. Có thể là URL tuyệt đối, tương đối hoặc liên kết neo (anchor link) với dấu #.
Cú pháp để trả về thuộc tính anchor href:
anchorObj.href
Hãy xem ví dụ triển khai thuộc tính href của DOM Anchor:
Ví dụ
<!DOCTYPE html> <html> <body> <h1>Công ty</h1> <p><a id="mylink" href="https://www.abc.com:6064/abc/def.html#myteam">Đội ngũ của chúng tôi</a></p> <h2 id="myid"></h2> <button onclick="display()">Hiển thị phần href</button> <button onclick="display2()">Hiển thị phần Host</button> <button onclick="display3()">Hiển thị 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>Kết quả
Nhấn vào "Hiển thị phần href" để hiển thị URL:
