浏览器兼容问题innerText nextElementSibling firstElementChild

Posted 2020-07-24 jines

//浏览器兼容

    //获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;
        }
    }