浏览器兼容innerText nextElementSibling firstElementChild


//下面是封装的方法,可以直接使用
    //获dom对象的innerText的取值
    function getInnerText(element){
        //判断浏览器是否支持innerText
        if(typeof element.innerText==="string"){
            return element.innerText;
        }else{
            return element.textContent;
        }
    }
    //设置dom对象innerText的值
    function setInnerText(element,content){
        if(typeof element.innerText==="string"){
            element.innerText=content;
        }else{
            element.textContent=content;
        }
    }

    //兼容浏览器   获取下一个兄弟元素
    function getNextElementSibling(element){
        if(element.nextElementSibling){
            return element.nextElementSibling;
        }else{
            //获取下一个兄弟节点
            var node=element.nextSibling;
            //如果没有下一个节点,此时null,如果为1则说明找到元素
            while(node&&node.type!==1){
                node=node.nextSibling;
            }
            return node;
        }
    }
    //兼容浏览器 获取第一个子元素
    function getNextElementChildren(element){
        if(element.firstElementChild){
            return element.firstElementChild;
        }else{
            //获取下一个节点
            var node=element.firstChild;
            //如果没有下一个节点,此时null,如果为1则说明找到元素
            while(node&&node.type!==1){
                node=node.nextSibling;
            }
            return node;
        }
    }

 

//浏览器兼容
//google兼容innerText和textContent
//firefox低版本不支持innerText,使用textConntent
//IE9以上都支持innerText和textConnent
//IE9以下不支持nextElementSibling和firstElementChild
posted @ 2016-06-11 00:25  jineslee  阅读(958)  评论(0编辑  收藏  举报