码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器兼容问题innerText nextElementSibling firstElementChild

时间:2016-06-11 00:37:48      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:

//浏览器兼容

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

 

浏览器兼容问题innerText nextElementSibling firstElementChild

标签:

原文地址:http://www.cnblogs.com/lijinblogs/p/5574567.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!