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

Question

// I am trying to replace href with array of links

    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

you don't need to loops just remove one and use the iterator to go throw both arrays

 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

you can loop with for of loop each anchor tag in the page and replace the href attribute with the corresponding link from an array (that have to be the same size as all the links on the page otherwise you'll get undefined as a link) like so:

 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>