//JavaScript DOM class のイベントテスト

function f_dom(e) {
	//dom がマウスオーバーされたら色を変更
	if(!e) e = event;//for Windows
	if ( e.type == "mouseover"){
		// イベントが mouseover のとき
		this.style.color="red";
	} else {  
		// イベントが mouseover 以外のとき
		this.style.color="black";
	}
}

//ページが読み込まれたらイベントをセットする
window.onload = function(){
	// 全てのタグを探す
	var tags = document.getElementsByTagName("*");
	// 抜き出すタグを入れるオブジェクトを定義
	var obj=new Object();
	obj.length=0;
	// 抜き出すタグ名
	var selecttags = "dom";
	// 抜き出すタグ名に一致した class を探す
	for(var i=0,L=tags.length;i<L;i++){
		if(tags[i].className==selecttags){
			obj[obj.length]=tags[i];
			obj.length++;
		}
	}
	// 抜きだした class にイベントハンドラーセット
	for(i=0,L=obj.length;i<L;i++){
		obj[i].onmouseover=f_dom;
		obj[i].onmouseout=f_dom;
	}
}