Làm cách nào để thêm thuộc tính "href" vào liên kết động sử dụng JavaScript?

Question

Làm cách nào để thêm thuộc tính href vào liên kết động sử dụng JavaScript?

Tôi về cơ bản muốn thêm thuộc tính href vào <a></a> động (nghĩa là khi người dùng nhấp vào hình ảnh cụ thể trong trang web).

Vì vậy từ:

<a>Link</a> 

Tôi cần phải đi đến:

<a href="somelink url">Link</a> 

Answer 1

var a = document.getElementById('yourlinkId'); //or grab it by tagname etc 
a.href = "somelink url" 

Answer 2

Tôi giả sử bạn biết làm thế nào để có được những đối tượng DOM cho các phần tử <a> (sử dụng document.getElementById hoặc một số khác phương pháp).

Để thêm bất kỳ thuộc tính, chỉ cần sử dụng các phương pháp setAttribute trên đối tượng DOM:

a = document.getElementById(...); 
a.setAttribute("href", "somelink url"); 

Answer 3

Tôi biết điều này đã được trả lời, nhưng vì bài này đã giúp làm cho tôi để giải pháp của tôi, tôi muốn gửi.

Ban đầu, tôi đã cố gắng

<a href='somelink' class='button-css'>Click Me</a> 

và suýt nữa đã làm việc. Các văn bản đã được một chút off trung tâm và chỉ không thực sự rõ ràng. Sau đó tôi đã thử:

"<a href='SomeLink'><input type='button' class='button-css' value='Button Text' /></a>" 

Nút của tôi trông tuyệt vời và liên kết hoạt động.

Answer 4

document.getElementById('link-id').href = "new-href"; 

---

Tôi biết đây là một bài cũ, nhưng đây là một lớp lót mà có thể phù hợp hơn cho một số người.

Answer 5

Trước tiên, hãy thử thay đổi <a>Link</a> thành <span id=test><a>Link</a></span>.

Sau đó, thêm một cái gì đó như thế này trong hàm javascript mà bạn đang gọi điện thoại:

var abc = 'somelink'; 
document.getElementById('test').innerHTML = '<a href="' + abc + '">Link</a>'; 

Bằng cách này liên kết sẽ trông như thế này:

<a href="somelink">Link</a>