/*
js操作css注意:关于位置的css必须必须要加上"px"这个像素单位

*/

function DomHelper(){
	this.obj=null;
}
//获取该对象所有子节点的类型，
DomHelper.prototype.childNodesType=function(obj){
	var arrChildNodes=new Array();
	var childNodes=obj.childNodes;
	for(var i=0;i<childNodes.length;i++){
		arrChildNodes[i]=childNodes[i].nodeType;
	}
	return arrChildNodes;
}
//根据节点类型和节点的属性获取该节点的引用
DomHelper.prototype.getElementByAttr=function(oParentNode,sNodeLable,sAttr){
	var oElements=oParentNode.getElementsByTagName(sNodeLable);
	var sAttrName=sAttr.split(":")[0];
	var sAttrValue=sAttr.split(":")[1];
	var oElement=null;
	for(var i=0;i<oElements.length;i++){
		if(oElements[i].getAttribute(sAttrName)==sAttrValue){
			oElement=oElements[i];
			break;	
		}
	}
	return oElement;
}

DomHelper.prototype.getElementsByAttr=function(oParentNode,sNodeLable,sAttr){
	var oElements=oParentNode.getElementsByTagName(sNodeLable);
	var sAttrName=sAttr.split(":")[0];
	var sAttrValue=sAttr.split(":")[1];
	var arrElements=new Array();
	for(var i=0;i<oElements.length;i++){
		if(oElements[i].getAttribute(sAttrName)==sAttrValue){
			arrElements.push(oElements[i]);
		}
	}
	return arrElements;
}

//添加事件
DomHelper.prototype.addEvent=function(obj,event,fnHandle){
	if(bomHelper.ie!=""){
		obj.attachEvent("on"+event,fnHandle);
	}else if(bomHelper.firefox!=""||bomHelper.chrome!=""){
		obj.addEventListener(event,fnHandle,false);
	}else{
		obj["on"+event]=fnHandle;
	}
}
//删除事件
DomHelper.prototype.delEvent=function(obj,event,fnHandle){
	if(bomHelper.ie!=""){
		obj.detachEvent("on"+event,fnHandle);
	}else if(bomHelper.firefox!=""||bomHelper.chrome!=""){
		obj.removeEventListener(event,fnHandle,false);	
	}else{
		obj["on"+event]=null;
	}
}

//格式化事件
DomHelper.prototype.formatEvent=function(oEvent){
	if(bomHelper.ie!=""){
		oEvent=window.event;
		oEvent.charCode=(oEvent.type=="keypress")?oEvent.keyCode:0;
		oEvent.phase=2;
		oEvent.isChar=(oEvent.charCode>0);
		oEvent.pageX=oEvent.clientX+document.body.scrollLeft;
		oEvent.pageY=oEvent.clientY+document.body.scrollTop;
		oEvent.preventDefault=function(){
			this.returnValue=false;//阻止窗口的默认事件，如oncontextmenu来阻止鼠标右键
		}
		if(oEvent.type=="mouseout")
			oEvent.relatedTarget=oEvent.toElement;
		else if(oEvent.type=="mouseover")
			oEvent.relatedTarget=oEvent.fromElement;
		oEvent.stopPropagation=function(){
			this.cancelBubble=true;//阻止冒泡事件
		}	
		oEvent.target=oEvent.srcElement;
		oEvent.time=(new Date()).getTime();
	}
	return oEvent;
}
//去除firefox、chrome等浏览器的无用文本节点
DomHelper.prototype.formatChildNode=function(oNode){
	if(bomHelper.ie!="")return;//若为IE则不执行下面的代码
	var arrChildNodes=oNode.childNodes;
	for(var i=arrChildNodes.length-1;i>=0;i--){
		if(arrChildNodes[i].nodeType==3){
			oNode.removeChild(arrChildNodes[i]);
		}
	}
}
//获取某元素相对于body的坐标
DomHelper.prototype.getPosition=function(obj){
		var _o=obj;

		var _left="0px";
		var _top="0px";
		var _width="0px";
		var _height="0px";

		_width=_o.offsetWidth;
		_height=_o.offsetHeight;
		_left=_o.offsetLeft;
		_top=_o.offsetTop;
		while(true)
		{
		   _o=_o.offsetParent;
		   if(_o==(document.body&&null))break;
		   _left+=_o.offsetLeft;
		   _top+=_o.offsetTop;
		}
    	return {"left":_left,"top":_top,"width":_width,"height":_height};
 }
var domHelper=new DomHelper();