web-dev-qa-db-ja.com

Webサイトのすべてのhref属性を取得します

javascriptを使用してWebサイトのすべてのhref属性(リンク)を取得する方法を教えてもらえますか?.

26
netha

_document.links_ を使用してアンカーを取得し、次のようにhrefをつかんでループするだけです。

_var arr = [], l = document.links;
for(var i=0; i<l.length; i++) {
  arr.Push(l[i].href);
}
//arr is now an array of all the href attributes from the anchors in the page
_

ここでテストすることができます 、必要に応じて .Push() を呼び出す前にさらにフィルタリングすることができますが、それはリンクとループスルー。

54
Nick Craver

そして、これはgetElementsByTagNameを使用する1つの方法です。

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

for(var i = 0; i< links.length; i++){
  alert(links[i].href);
}
10
Sarfraz

使用する:

var anchors = document.getElementsByTagName('a');
var hrefs = [];
for(var i=0; i < anchors.length; i++){
  if(1/* add filtering here*/)
    hrefs.Push(anchors[i].href);
}
2
Alin Purcaru

一つの簡単な方法 1つの方法は、document.getElementsByTagName 関数。たとえば.

document.getElementsByTagName('a');

更新

もっと簡単な方法があります。 @Nick Craverの answer を参照してください。

1
Manoj Govindan