Nhận giá trị href địa phương từ thẻ neo (a)

Question

Tôi có một thẻ neo có giá trị href địa phương và một hàm JavaScript sử dụng giá trị href nhưng chuyển nó đến một nơi hơi khác so với bình thường. Thẻ trông giống như

<a onclick="return follow(this);" href="sec/IF00.html"></a> 

và một hàm JavaScript trông giống như

baseURL = 'http://www.someotherdomain.com/'; 
function follow(item) { 
    location.href = baseURL + item.href; 
} 

Tôi mong rằng item.href sẽ chỉ trả lại một chuỗi ngắn "giây/IF00.html", nhưng thay vào đó nó sẽ trả về full href, "http : //www.thecurrentdomain.com/sec/IF00.html". Có cách nào mà tôi có thể rút ra chỉ là href ngắn như đặt trong neo <a> thẻ? Hay tôi làm mất điều đó bằng hành vi HTML tự nhiên?

Tôi cho rằng tôi có thể sử dụng thao tác chuỗi để thực hiện việc này, nhưng nó trở nên phức tạp vì trang địa phương của tôi có thể thực sự là "http : //www.thecurrentdomain.com/somedir/somepath/sec/IF00.html" và trường my href có thể hoặc có thể không có thư mục con trong đó (ví dụ: href="page.html" so với href="sub/page.html"), vì vậy tôi không thể luôn xóa mọi thứ trước dấu gạch chéo cuối cùng.

Bạn có thể thắc mắc tại sao tôi yêu cầu điều này, và đó là vì nó sẽ làm cho trang gọn gàng hơn rất nhiều. Nếu không thể chỉ nhận được href ngắn (như được đặt trong thẻ neo <a>), thì tôi có thể chỉ cần chèn một trường bổ sung vào thẻ, như link="sec/IF00.html", nhưng một lần nữa, điều đó sẽ hơi lộn xộn hơn một chút.

Answer 1

Mã dưới đây được đường dẫn đầy đủ, nơi các điểm neo:

document.getElementById("aaa").href; // http://example.com/sec/IF00.html 

trong khi một dưới đây được giá trị của thuộc tính href:

document.getElementById("aaa").getAttribute("href"); // sec/IF00.html 

Answer 2

document.getElementById("aaa").href; //for example: http://example.com/sec/IF00.html 

Answer 3

Các bộ tài sản href hoặc trả về giá trị của thuộc tính href của một liên kết.

var hello = domains[i].getElementsByTagName('a')[0].getAttribute('href'); 
    var url="https://www.google.com/"; 
    console.log(url+hello); 

Answer 4

document.getElementById("link").getAttribute("href"); Nếu bạn có nhiều hơn một <a> thẻ, ví dụ:

<ul> 
 
    <li> 
 
    <a href="1"></a> 
 
    </li> 
 
    <li> 
 
    <a href="2"></a> 
 
    </li> 
 
    <li> 
 
    <a href="3"></a> 
 
    </li> 
 
</ul>

Bạn có thể làm điều đó như thế này: document.getElementById("link")[0].getAttribute("href"); để truy cập mảng đầu tiên của <a> thẻ , hoặc tùy thuộc vào điều kiện bạn thực hiện.

Answer 5

Rất tiếc khi biết có bao nhiêu người đã đưa ra những câu trả lời khó chịu và bất tiện như vậy. Dưới đây là cách dễ nhất để lấy href:

$("a").click(function(e){ 
     var hash = this.hash; 
     alert(hash); 
    }); 

Tất cả được thực hiện chỉ trong một dòng mã. Điều này là linh hoạt và không dựa vào việc nhận elementId như các câu trả lời trước đó.