在<href>标记内使用Javascript变量

Question

考虑我有一个名为"link"的Javascript变量,其中包含一个这样的URL:www.google.com.我需要在2个地方的href标签中包含这个变量,例如:

<a href="link">link</a>

这应该返回这样的东西:

谷歌

我试过各种方法但失败了.有可能这样做吗？应该在两个地方使用Javascript变量.

注意: 我还需要使用变量inside <a> 标签

谢谢

Answer 1

您可以使用以下代码。

<a id="myLink" href="link">link</a>

在你的 JavaScript 中尝试

<script>
    var link = "http://www.google.com/";
    document.getElementById('myLink').setAttribute("href",link);
    document.getElementById('myLink').innerHTML = link;
    // Here the link is your javascript variable that contains the url.
</script>

Answer 2

假设你的html中有以下内容

<a href="link" class='dynamicLink'>link</a>
<a href="link" class='dynamicLink'>link</a>

您可以执行以下操作

 var href = "http://www.google.com"; //any other link as wish
 var links = document.getElementsByClassName('dynamicLink');
 for (var i = 0; i < links.length; i++) {
    links[i].href = href;
    links[i].innerHTML = href.replace('http://',"");
 }

的jsfiddle