为何自身PARA类名的P标签没有获得

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

慕先生9380059

2021-06-25 16:42:09

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <title>小鲤鱼</title>

</head>


<body>

    <div id="box">

        <p >我是段落A</p>

        <p >我是段落A</p>

        <p >我是段落A</p>

        <p class="para">我是段落B</p>

        <p>我是段落C</p>

        <p>我是段落C</p>

        <p>我是段落C</p>

    </div>


    <script>

        var div = document.getElementById('box');

        var para = document.querySelector('.para');

     function getAllElements(node){

         var o=node;

         var nexts=[];

         var pres=[];

         while(o.nextSibling!=null){

             if(o.nextSibling.nodeType==1){

                nexts.push(o.nextSibling)

             }

             o=o.nextSibling;

         }

         o=node;

         while(o.previousSibling!=null){

             if(o.previousSibling.nodeType==1){

                 pres.unshift(o.previousSibling);

             }

             o=o.previousSibling;

         }

         return pres.concat(nexts);

     }

    

   console.log(getAllElements(para));

    </script>

</body>


</html>


写回答

1回答

好帮手慕久久

2021-06-25

同学你好,解答如下:

getAllElements这个方法,获取的是“参数节点”的所有兄弟节点,即获取的是.para的的兄弟,不是自身,所以结果中不包含.para自身。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程