2007年5月 7日(月) 11時41分35秒 [情報取得]

ページ内のリンク数を調べる

HTML内に存在するすべてのリンクは、document.linksで得ることができます。ページ内に存在するすべてのリンクが配列として得られるので、この長さ（length）を見れば、ページ内に存在するリンクの個数が分かります。

JavaScriptソースは以下のような感じ。

ver linknum = document.links.length;

これで変数linknumに、ページ内のリンク総数が入ります。
ダイアログに表示したければ、以下のように記述すると良いでしょう。

alert( document.links.length );

これを表示すると、以下のように見えます。

JavaScriptを含めたHTMLソースは以下の通り。

<input type="button" value="このページ内のリンク総数を表示" onclick="alert( document.links.length );" />

個数を表示するのではなく、すべてのリンク1つ1つを対象に何らかの処理をしたい場合は、for文と合わせて以下のようにすると良いでしょう。

function GetAllLinks() {    var LinkNum = document.links.length;    var Counter;    for( Counter=0 ; Counter < LinkNum ; Counter++ ) {       alert( Counter +" : "+ document.links[Counter] );    } }

これを表示させてみると、以下の通り。

このように、document.links[添字]で、各リンクにアクセスできます。添字は0から始まります。document.links.lengthの値がもし「10」だったとすれば、0～9までループさせればすべてのリンクが得られます。

使い方次第で、なかなか面白いスクリプトが作れそうですね。