DOM ------ 兄弟节点

    //html代码
    <div>我是div</div>
      <span>我是span</span>
      //js代码
      var div = document.querySelector('div')
      // 1. nextSibling 下一个兄弟节点 包含元素节点 或者 文本节点等等
        console.log(div.nextSibling); //#text
        // previousSibling 上一个兄弟节点 包含元素节点 或者 文本节点等等
        console.log(div.previousSibling); //#text
        // 2.nextElementSibling 下一个兄弟元素节点 IE9+
        console.log(div.nextElementSibling); //<span>我是span</span>
        // previousElementSibling 上一个兄弟元素节点 IE9+
        console.log(div.previousElementSibling); //null