如何从 js 函数中获取 href 的值？

Question

我有以下代码：

<a href="#">launch</a>

我有一个值，该值将被替换为从 Javascript 中的函数调用接收到的“#”。假设值为 'www.google.com' 并存储在函数 url();.

的变量 abc 中

有什么方法可以用函数中的变量值动态替换“#”吗？

请帮帮我。非常感谢！

Answer 1

这是另一种方法，使用 jquery

$("a").attr("href", "http://www.google.com/")

Answer 2

没有jQuery：

document.querySelector('a').href = yourVar;

Answer 3

你可以使用 setAttribute

<a href="#" id="link">launch</a>

document.getElementById("link").setAttribute("href", "www.google.com");

Answer 4

在您的 HTML 中添加一个 id 属性：

<a id="some-id" href="#">launch</a>

然后，在您的 JavaScript:

document.getElementById('some-id').href = 'new-href'

document.getElementById() 获取具有指定 id 的 DOM 对象。 .href访问锚标签的目标，DOM对象的属性。

Further reading.

Answer 5

如果你想使用 id 那么你可以这样做：

 <a id="myLink" href="#">launch</a>

并使用jQuery（这是使用JQuery，不完全是纯粹的JavaScript语法）：

var hrefResult = $("#myLink").attr("href")