如何添加新元素

在DOM中有两种方式进行新元素的

element.appendChild() 向元素添加新的子节点，作为最后一个子节点。

       node.appendChild(新节点对象)
       1、创建一个新元素createElement
       2、创建一个新文本createTextNode
       3、将创建的新元素和新文本结合为一个新标签
       4、向节点添加最后一个子节点
element.insertBefore() 在指定的已有的子节点之前插入新节点。 

       node.insertBefore(newnode新节点对象,existingnode)
       existingnode，表示在其之前插入新节点的子节点。如果未规定，则 insertBefore 方法会在结尾插入newnode。
       1、创建一个新元素createElement
       2、创建一个新文本createTextNode
       3、将创建的新元素和新文本结合为一个新标签
       4、获取父节点
       5、获取将要添加于哪个节点之前。
       6、向节点前添加新节点
element.appendChild()和element.insertBefore()的区别：
       前者是向指定节点添加最后一个子节点，与指定节点是父子关系；后者是在指定节点之前添加一个节点，与指点节点是兄弟关系。