无法访问链接的href属性

Question

我想访问某些链接的href属性，如果它们包含某些字符串，请对其进行更改。 这是我当前的代码：

var all_links = document.querySelectorAll('a');
for(var i = 0; i <= all_links.length; i++) {
   if(all_links[i].href.includes('test')) {
     all_links[i].href = 'something.com/?' + all_links[i].href;
   }
}

代码不断给我错误：

jquery.min.js:2 Uncaught TypeError: Cannot read property 'href' of undefined

但是，网页上肯定有很多链接。 我可以使用以下命令在控制台中获取所有链接：

console.log(all_links[i]);

为什么我不能访问href属性？

这是我关注的问题： 从锚（a）标签获取本地href值

Answer 1

您需要替换<=与<因为数组索引为零。

for(var i = 0; i < all_links.length; i++)

或使用filter和forEach

Array.from(document.querySelectorAll('a'))
    .filter(({href}) => href.includes('test'))
    .forEach(link => link.href = `something.com/?${href}`);