Thuộc tính tên đường dẫn HTML DOM Anchor được sử dụng để đặt hoặc trả về tên đường dẫn của thuộc tính href.
Sau đây là cú pháp để đặt thuộc tính tên đường dẫn -
anchorObj.pathname = path
Ở trên, đường dẫn là tên đường dẫn của URL.
Sau đây là cú pháp để trả về thuộc tính tên đường dẫn -
anchorObj.pathname
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính tên đường dẫn DOM Anchor -
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https −//abc.com/abc.html/#new">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display hreflang</button>
<script>
function display1() {
var a = document.getElementById("mylink").pathname;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").hreflang;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> Đầu ra
Ở trên, nhấp vào “Tên đường dẫn hiển thị” để hiển thị phần đường dẫn -
