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

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

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

所以来自:

 <a>Link</a> 

我需要去:

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

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

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

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

我知道这已经回答了,但由于这篇文章帮助我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看起来不错,链接工程。

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

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

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