2020-07-10 JS学习Document对象学习

js学习：Document对象访问相关节点
获得当前节点的所有兄弟节点方法封装

<div id="msg">
    i am msgdiv.
    <p id="pobj">p1</p>
    <p>p2</p>
    <p>p3</p>
</div>
<ul id="nav"><li>ps</li><li id="liobj">html</li><li>css</li><li>js</li></ul>
<script type="text/javascript"
//获得当前节点的其他的兄弟节点封装
            //先去找当前节点，再去找当前节点父亲节点，再获得父亲节点所有的孩子，从孩子节点里筛选出除了当前节点其他的兄弟节点
            function siblings(obj){
                var allcli=obj.parentNode.children;
                var arr=[];
                for(var i=0;i<allcli.length;i++){
                    if(allcli[i]!=obj){
                        arr.push(allcli[i]);
                    }
                }
                return arr;
            }
            console.log(siblings(liobj));
            // console.log(siblings(pobj));
            console.log(siblings(document.getElementById('pobj')));