Web覚書トップ > JavaScript サンプル > 『ページ内の全アンカーを表示してみる』
説明

ページの中のアンカー(<A>〜</A>)のテキストを表示するサンプルです。

実行例

コード
function getLinks(){
	var app = window.navigator.appName.charAt(0);
	var ver = window.navigator.appVersion.charAt(0);
	var lnk = window.document.links;
	var ank = window.document.anchors;
	var tmp;
	var text = "";
	for (cnt = 0; cnt < lnk.length; cnt++) {
		tmp = "";
		if (app == "N" && ver >= 4) {
			tmp = lnk[cnt].text;
		} else if (app == "M" && ver >= 4) {
			tmp = lnk[cnt].innerText;
		}
		if (tmp == null || tmp == "") { tmp = ank[cnt].name; }
		text += tmp + "\n";
	}
	window.alert(text);
}
<FORM>
<INPUT type="button" value="リンク表示" onClick="getLinks();">
</FORM>

解説&ステップアップ

NN4以上の場合は「links」オブジェクトの「text」を、IE4以上の場合は「innerText」を取得します。 また、nullや空文字、ブラウザが該当しない場合は「anchors」オブジェクトの「name」属性を取得します。

動作確認

IE4.0(win)、IE5.0(win)、IE5.5(win)、NN4.7(win)

© hyork@yahoo.co.jp (2001. 3.13)