添加节点
<body>
<ul>
<li>123</li>
</ul>
</body>
<script>
// 1.创建节点元素节点
var li = document.createElement("li");
// 2.添加节点 node.appendCh(child) node 父级 chid 是子级 后面追加元素 类似于于数组中的push
var ul = document.querySelector("ul");
ul.appendChild(li);
// 3.添加节点 node.insertBefore(child,指定元素)
var lili = document.createElement("li");
ul.insertBefore(lili, ul.children[0]);
// 4.我们想要页面添加一个新元素:1.创建元素2.添加元素
</script>