如何使用JavaScriptdynamic地添加“href”属性到链接？

如何使用JavaScriptdynamic地将href属性添加到链接？

我基本上想dynamic地（即当用户点击网站上的特定图像时）添加href属性<a></a> 。

所以来自：

 <a>Link</a> 

我需要去：

 <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

我假设你知道如何获取<a>元素的DOM对象（使用document.getElementById或其他方法）。

要添加任何属性，只需在DOM对象上使用setAttribute方法：

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

Answer 3

我知道这已经回答了，但由于这篇文章帮助我find我的解决scheme，我想发布。

本来，我试过了

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

这几乎工作。 文字有点偏离中心，只是不太清楚。 我然后尝试：

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

我的button看起来不错，链接工程。

Answer 4

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

---

我知道这是一个老post，但是这里可能更适合一些人。

Answer 5

首先，尝试将<a>Link</a>更改为<span id=test><a>Link</a></span> 。

然后，在你要调用的javascript函数中添加这样的内容：

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

这样链接将如下所示：

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