DOM ------ 创建节点

创建节点: createElement()
添加节点: node.appendChild(child) node 父级 child 子级
添加节点: node.insertBefore(child,指定元素)

		//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])

总结: 我们想要页面添加一个新的元素: 1.创建元素 2.添加元素

不积跬步无以至千里 不积小流无以成江海