DOM ------ 创建节点

    //html代码
    <ul>
          <li>2021</li>
      </ul>
      //js代码
      // 1. 创建节点 元素节点
        var li = document.createElement('li')
        // 2. 添加节点 node.appendChild(child) node 父级  child 子级
        var ul = document.querySelector('ul')
        ul.appendChild(li)
        // 3.添加节点 node.insertBefore(child,指定元素)
        var lili = document.createElement('li')
        ul.insertBefore(lili,ul.children[0])