如何用鏈接數組替換錨標記的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>