如何使用JavaScript抓取页面中的所有链接

Question

我正在尝试编写一个Chrome扩展程序以使用此代码更改页面中的所有href

var a = document.querySelector("a[href]");
a.href = "http://www.google.com";

但是此代码仅获取第一个href，但前提是未将其嵌入另一个属性（如果该术语错误，则表示div，p，h等）。

有人可以告诉我如何获取所有href吗？

Answer 1

document.querySelector只返回文档中的第一个元素，因此在这种情况下，您将要使用document.querySelectorAll ，它返回所有匹配元素的列表。

var elements = document.querySelectorAll('a');

for (var i = 0; i < elements.length; i++) {
  elements[i].href = 'http://google.com';
}

Answer 2

但仅当它未嵌入另一个属性中时（如果该术语错误，我的意思是div，p，h等）

我相信您是在谈论标签而不是属性。 要选择所有带有href属性的标签，请执行以下操作：

var list = document.querySelectorAll("*[href]");
for(var i = 0; i < list.length; i++){
    list[i].href = "http://www.google.com";
}