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

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

Merlin-蔡

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

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Merlin2017/article/details/72935110

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

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

//获取前一个元素节点兼容性写法
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;
    }
}