下一个兄弟元素及上一个兄弟元素兼容

最新推荐文章于 2023-07-10 12:20:43 发布

weixin_34321977

最新推荐文章于 2023-07-10 12:20:43 发布

阅读量290

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5b97c7205188255c6c62251c

本文提供了一种在不同浏览器版本间实现元素选择兼容性的方法，包括获取指定元素的下一个及上一个兄弟元素。通过条件判断，该方法可以智能适配IE8及更早版本与其他现代浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    标签的nodeType是1
    标签的nodeName是它的标签名
    标签的nodeValue是null

    属性的nodeType是2
    属性的nodeName是它的属性名
    属性的nodeValue是它的属性值
复制代码

//如果是IE8以后的版本，直接用nextElementSibling如果是IE8以及以前的版本就用nextSibling

function getNextElementSibling(ele) {

    //能力检测
    if (ele.nextElementSibling) {

        return ele.nextElementSibling;
    } else {
        //证明是IE8以前版本

        //只要type不是1，就一直找下一个
        var node = ele.nextSibling;
        while(node.nodeType != 1){

           node = node.nextSibling;
        }

        return node;
    }
}


function getPreviousElement(ele){

    if(ele.previousElementSibling){

        return ele.previousElementSibling;
    }else{

        //证明是IE8以前
        var node =  ele.previousSibling;

        while(node.nodeType != 1){

            node = node.previousSibling;
        }

        return node;
    }
}复制代码