DOM学习——创建、添加、删除、复制（克隆）节点

添加新元素：创建+添加节点

创建节点

document.createElement(‘tagName’) 创建有tagName 指定的HTML元素，因为这些元素原先不存在，是根据我们的需求动态生成的，所以，我们也称为动态创建元素节点。

注： 除了document.createElement(‘tagName’)之外，还有两种创建元素的方法（document.writr() 、element.innerHTML 三种创建元素的方法详解与比较在另一篇 博文.）

添加节点

在子节点后追加元素：node.appendChild(child) node-父级 child-子级
在某一指定元素前添加元素：node.insertBefore(child，指定元素） node-父级 child-子级

<ul>
    <li>123</li>
</ul>
//1.创建元素节点
var li = document.createElement('li');
var ul = document.querySelector('ul');//获取父级
//1.创建元素节点
var li = document.