兄弟节点

 

 <body>
    <div>我是div</div>
    <span>我是span</span>
  </body>
  <script>
    var div = document.querySelector("div");
    // 1.nextSibling 下一个兄弟节点  包含节点或者  文本节点等等
    console.log(div.nextSibling);
    console.log(div.previousSibling);
    // 2.nexElementSibling 得到下一个兄弟元素节点
    console.log(div.nextElementSibling); //
    console.log(div.previousElementSibling); //null

    // 如何解决兼容性到的问题
    // 自己封装一个兼容性的函数
    function getNextElementSibling(element) {
      var el = element;
      while ((el = el.nextSibling)) {
        if (el.nodeType === 1) {
          return el;
        }
      }
      return null;
    }
  </script>

 

posted @ 2022-04-18 11:21  罗砂  阅读(70)  评论(0)    收藏  举报