浏览器兼容代码

131 阅读1分钟

设置任意标签中任意文本内容

function setInnerText(element,text){
    if(typeof element.textContent=="undefined"){  
        element.innerText=text;                       
    }else{                                        
        element.textContent=text;
    }
}

获取任意标签中任意文本内容

function getInnerText(element){
   if(typeof element.textContent=="undefined"){  
       return element.innerText;                 
   }else{                                        
       return element.textContent;
   }
}

获取任意一个父级元素的第一个子元素

function getFirstElementChild(element){
    if(element.firstElementChild){
    	return element.firstElementChild;
    }else{
    	var node=element.firstChild;
    	while(node&&node.nodeType!=1){
    	    node=node.nextSibling;
    	}
    	return node;
    }
}

获取任意一个父级元素的最后一个子元素

function getLastElementChild(element){
    if(element.lastElementChild){
        return element.lastElementChild;
    }else{
        var node=element.lastChild;
        while(node&&node.nodeType!=1){
            node=node.previousSibling;
        }
        return node;
    }
}

为任意元素绑定任意的事件

function addEventListener(element,type,fn){
    if(element.addEventListener){
        element.addEventListener(type,fn,false);
    }else if(element.attachEvent){
        element.attachEvent("on"+type,fn);
    }else{
        element["on"+type]=fn;
    }				
}

为任意元素解绑任意的事件

function removeEventListener(element,type,fnName){
    if(element.removeEventListener){
        element.removeEventListener(type,fnName,false);
    }else if(element.detachEvent){
        element.detachEvent("on"+type,fnName);
    }else{
        element["on"+type]=null;
    }				
}