DOM的增删改

1、创建元素节点对象

 document.createElement()

 可以创建一个元素节点对象

 它需要一个标签名作为参数，根据该标签名创建元素节点

 并将创建好的对象作为返回值返回

2、 创建一个文本节点               

document.createTextNode()

可以用来创建一个文本节点对象

需要一个文本内容作为参数，将会根据文本内容创建文本节点，并将新的节点返回

小知识： appendChild()

               向一个父节点中添加一个子节点

               语法： 父节点.appendChild(子节点)

3、插入一个节点

 insertBefore()

 可以在指定子节点前插入新的子节点

 语法

         父节点.insertBefore(新节点,旧节点);

4、替换一个节点

replaceChild()

可以使用指定子节点替换已有子节点

语法

         父节点.replaceChild(新节点,旧节点);

5、删除一个节点

removeChild()

删除一个子节点

语法  父节点. removeChild(子节点);

不知道父节点是什么的情况下： 

子节点.parentNode.removeChild(子节点);

案例应用：