兼容IE的Prve、Next、first、last

查找上一个兄弟节点

/*
@element 需要的查找兄弟元素DOM对象
*/
function prev(element){
    /*兼容性问题。因为firstElementChild  ie 8以前版本的不认识,所以会是false。
     但是firstchild ie8以前的版本认识,但是在谷歌中会返回文本对象。
     */
    var prevEle = element.previousElementSibling ||element.previousSibling;
    if(!prevEle||prevEle.nodeType !=1){//nodeType是文档节点 1.是元素节点
        return null;
    }else{
        return prevEle;
    }
}

查找下一个兄弟节点

/*
@element 需要的查找兄弟元素DOM对象
*/
function next(element){
    /*兼容性问题。因为firstElementChild  ie 8以前版本的不认识,所以会是false。
     但是firstchild ie8以前的版本认识,但是在谷歌中会返回文本对象。
     */
    var nextEle = element.nextElementSibling ||element.nextSibling;
    if(!nextEle||nextEle.nodeType !=1){
        return null;
    }else{
        return nextEle;//返回一个新对象。
    }
}

查找第一个兄弟节点

/*
@element 需要的查找兄弟元素DOM对象
*/
function first(ele){
    /*兼容性问题。因为firstElementChild  ie 8以前版本的不认识,所以会是false。
        但是firstchild ie8以前的版本认识,但是在谷歌中会返回文本对象。
    */
    var firstEle = ele.firstElementChild ||ele.firstChild;
    if(!firstEle||firstEle.nodeType !=1){//nodeType是文档节点
        return null;
    }else{
        return firstEle;
    }
}

查找最后一个兄弟节点

/*
@element 需要的查找兄弟元素DOM对象
*/
 //封装查找最后一个子节点(兼容性强)
function last(element){
    /*兼容性问题。因为firstElementChild  ie 8以前版本的不认识,所以会是false。
     但是firstchild ie8以前的版本认识,但是在谷歌中会返回文本对象。
     */
    var lastEle = element.lastElementChild ||element.lastChild;
    if(!lastEle||lastEle.nodeType !=1){//nodeType是文档节点  
        return null;
    }else{
        return lastEle;
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • B树的定义 一棵m阶的B树满足下列条件: 树中每个结点至多有m个孩子。 除根结点和叶子结点外,其它每个结点至少有m...
    文档随手记阅读 13,389评论 0 25
  • 1 序 2016年6月25日夜,帝都,天下着大雨,拖着行李箱和同学在校门口照了最后一张合照,搬离寝室打车去了提前租...
    RichardJieChen阅读 5,175评论 0 12
  • 冬日的夜是寂静的,广袤的夜空下自己与整个世界对话冬日的夜是思念的,独坐于窗前,想念远方的亲人冬日的夜是享受的,任无...
    西贝悠哉阅读 312评论 0 2
  • 晚上跟一在直播上刷了十幾萬的小哥聊。開始,我很不能理解上直播的人的心態。 我問「你花那麼多錢去玩那些色色的直播,爲...
    Pope怯懦懦地阅读 258评论 10 1
  • 此文写给若干年后的自己 -1- 在每一所师范类院校大门前的石碑上都会有这么一句话:学高为师,身正为范。 这句话早已...
    ss终生学习者阅读 1,321评论 0 8