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

Question

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

我基本上想添加一个 href 属性到 <a></a> 动态（即当用户点击网站中的特定图像时）。

所以从：

 <a>Link</a>

我需要去：

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

原文由 Pavel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

原文由 stecb 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

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

原文由 mgiuca 发布，翻译遵循 CC BY-SA 2.5 许可协议