如何href使用 JavaScript 动态地将属性添加到链接？
我基本上想动态添加一个href属性<a></a>（即当用户点击网站中的特定图像时）。
所以从：
<a>Link</a>
我需要去：
<a href="somelink url">Link</a>
如何使用 JavaScript 动态地向链接添加“href”属性？
IT技术
javascript
html
2021-03-15 06:15:00
6个回答
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");
document.getElementById('link-id').href = "new-href";
我知道这是一篇旧帖子，但这里有一篇可能更适合某些人的单行文章。
首先，尝试更改<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>
更实际的解决方案：
<a id="someId">Link</a>
const a = document.querySelector('#someId');
a.href = 'url';