关于返回所有的元素兄弟节点

来源：3-13 封装节点关系函数

一坨羊毛

2021-12-29 16:02:07

相关代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box">
        <p>我是段落A</p>
        <p id="para">我是段落B</p>
        <p>我是段落C</p>
    </div>

    <script>
        var box=document.getElementById("box");
        var para=document.getElementById("para");

        //封装函数，这个函数可以返回所有的元素兄弟节点
        function bother(node){
            var operious=[];
            var onext=[];

            var o=node;
            while(o.periousSibling != null){
                if(o.periousSibling.nodeType==1){
                    operious.unshift(o.periousSibling);
                }
                o=o.periousSibling;
            }

            o=node;
            while(o.nextSibling != null){
                if(o.nextSibling.nodeType==1){
                    onext.push(o.nextSibling);
                }
                o=o.nextSibling;
            }

            var arr=operious.concat(onext);
            return arr;

        }
        console.log(bother(para));
    </script>
</body>
</html>

相关截图：