DOM ------ 子节点第一个元素和最后一个元素

    //html代码
    <ol>
          <li>2020</li>
          <li>2021</li>
          <li>2022</li>
      </ol>
      //js代码
        var ol = document.querySelector('ol')
        // 1.firstChild 第一个子节点 不管是文本还是元素节点
        console.log(ol.firstChild); //#text
        console.log(ol.lastChild);  //#text
        // 2.firstElementChild 返回第一个子元素节点 IE9+
        console.log(ol.firstElementChild); //<li>2020</li>
        console.log(ol.lastElementChild);  //<li>2022</li>
        // 3.实际开发的写法 既没有兼容性问题又返回第一个子元素
        console.log(ol.children[0]); //<li>2020</li>
        console.log(ol.children[ol.children.length - 1]); //<li>2022</li>