如何將Javascript變量傳遞給HTML <a href>標簽</a>的NAME屬性<a href>？</a>

Question

我正在嘗試將JavaScript變量傳遞給HTML標記的NAME屬性。 例如，假設我有一個這樣的腳本：

<script>
var name = "Click here!";
</script>

然后，我想將其傳遞給一些代碼，以便

<a href="www.google.com"><name></a>

會產生一個顯示為“單擊此處！”的指向Google的鏈接。

Answer 1

將一個ID添加到<a>標記中，然后將其添加到您的腳本中（腳本使用示例ID mylink ）：

document.getElementById("mylink").innerHTML = name;

像這樣添加ID：

<a href="www.google.com" id="mylink"></a>

Answer 2

將class="change-name"到要更改的元素。

<a href="https://www.google.com" class="change-name">This text will be replaced</a>

然后執行：

var new_text = "Click here!";
var elems = document.querySelector('.change-name');
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].innerHTML = new_text;
}

Answer 3

使用jQuery，它看起來像這樣：

<a id="linkToGoogle" href="www.google.com"></a>

並在您的腳本中

$('#linkToGoogle').text('Click here!');