如何使用JavaScript动态地将“href”属性添加到链接？

Question

如何使用JavaScript动态地将href属性添加到链接？

我基本上想要动态地向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

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

我知道这是一个很老的帖子，但这里的单行程可能更适合某些人。

Answer 4

首先，尝试将<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>

Answer 5

更多实际解决方案：

==

Answer 6

在此处输入代码添加了javasicript

var x = "www.google.com";
vay y = "550";
var z= x+y;
document.write('<a href="' + z + '">GONDER</a>');