如何用链接数组替换href的锚标记

Question

//我正在尝试用链接数组替换href

var link = ['replaceLink1', 'replaceLink2'];
var links = document.querySelectorAll('a');
for(var i = 0; i < link.length; i++){
for(var j = 0; j < links.length; j++){
links[j].setAttribute('href',link[i]);
}
}

Answer 1

您不需要循环，只需移除一个并使用迭代器来抛出两个数组

var link = ['replaceLink1', 'replaceLink2'];
var links = document.querySelectorAll('a');
for (var i = 0; i < link.length; i++) {
links[i].setAttribute('href', link[i]);
}

<a href="/link1" > click me ! </a>
<a href="/link2" >click me ! </a>

Answer 2

您可以使用for of循环页面中的每个锚标记，并将href属性替换为数组中的相应链接(必须与页面上的所有链接大小相同，否则您将被定义为链接(，如下所示：

var linksToReplace = ['replaceLink1', 'replaceLink2'];
var links = document.querySelectorAll('a');
for (let [i, link] of links.entries()) {
link.setAttribute('href', linksToReplace[i]);
}

<a href="/link1"> click me ! </a>
<a href="/link2">click me ! </a>