元素操作中获取前一个元素节点或者后一个元素节点的兼容性写法

最新推荐文章于 2023-04-07 23:23:35 发布

原创最新推荐文章于 2023-04-07 23:23:35 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文提供了两种兼容多种浏览器的方法来获取指定元素的前一个和后一个相邻元素节点。这两种方法可以确保在不同版本的浏览器中都能正确地找到目标元素的相邻元素。

//获取前一个元素节点兼容性写法
function getPreviousElement(element){
    if(element.previousElementSibling!==undefined){
        return element.previousElementSibling;
    }else{
        var prev=element.previousSibling;
        while(prev&&prev.nodeType!=1){
            prev=prev.previousSibling;
        }
        return prev;
    }
}

//获取后一个元素节点兼容性写法
function getNextElement(element){
    if(element.nextElementSibling!==undefined){
        return element.nextElementSibling;
    }else{
        var next=element.nextSibling;
        while(next&&next.nodeType!=1){
            next=next.nextSibling;
        }
        return next;
    }
}