从页面获取所有超链接

Question

我正在寻找一种从 DOM 中获取所有超链接的方法。并将其保存到数组或变量中。（用于 chrome 扩展）。

任何帮助将不胜感激。

谢谢

var myNodelist = document.querySelectorAll("a");
var URLList;
for (i = 0; i < myNodelist.length; i++) {
   URLList[i]=document.getElementById("a").innerHTML;
}

Answer 1

你可以得到这个如下。

var arr = [], l = document.links;
for(var i=0; i<l.length; i++) {
  arr.push(l[i].href);
}
console.log(arr);

<a href="demo1.html">Hello</a>
<a href="demo1.html">Hello</a>
<a href="demo1.html">Hello</a>

参考：https://stackoverflow.com/a/3871370/10971575

Answer 2

你可以这样做

var myNodelist = document.querySelectorAll("a");
var URLList = [];
for (var i = 0; i < myNodelist.length; i++) {
  if (myNodelist[i].href) {
    URLList.push(myNodelist[i].href);
  }
}
console.log(URLList)

Answer 3

请检查以下sn-p
使用 java 脚本获取所有链接作为已验证的解决方案 最快的解决方案

var HyperlinkArray = document.getElementsByTagName('a');

for(var i = 0; i< HyperlinkArray.length; i++){
  console.log(HyperlinkArray[i].href);//List of Hyperlink
}

例子：

var HyperlinkArray = document.getElementsByTagName('a');

for(var i = 0; i< HyperlinkArray.length; i++){
  console.log(HyperlinkArray[i].href);//List of Hyperlink
}

<a href="https://twitter.com/stackoverflow">twitter</a><br>    
<a href="https://scicomp.stackexchange.com">scicomp</a><br>
<a href="https://biology.stackexchange.com">biology</a><br>
<a href="https://stackapps.com">stackapps</a><br>
<a href="https://mathoverflow.net">mathoverflow</a><br>