DOM里的节点操作

如何创建节点

1.创建新元素，这个方法只接收一个参数，元素的标签名

document.createElement();
2.创建文本节点，参数为字符串或者文本

document.createTextNode();

如何插入节点

1.在指定目标的最后插入节点

appendChild()
语法：插入目标.appendChild(被插入的元素)；

2.在指定目标的前面插入节点

instertBefore（）
语法：父元素.instertBefore（被插入的节点，已存在的节点）；

注意：如果用appendChild()或instertBefore（）将已存在的文档中的一个节点再次插入，那么这个节点会从原来的位置自动删除

如何删除和替换节点

删除节点：

removeChild（）

语法：父节点.removeChild（要删除的节点）

替换子节点：

replaceChild()

语法：父节点.replaceChild(新节点,老节点)

如何克隆节点

clone（true/false）;
true深拷贝，会克隆到里面的所有子元素

false浅拷贝，只会克隆元素本身，不会克隆里面的子元素