DOM插入节点

appendChild，把一个子节点添加到父节点的最后一个子节点

insertBefore(newElement, referenceElement)，子节点会插入到referenceElement之前

以上两种方法：如果被插入的节点是已经存在于当前的文档树，因此这个节点首先会从原先的位置删除，再插入到新的位置。

即如下例子，想要两个元素位置替换时 insertBefore就可以做到，因为它会先删除之前位置的节点 并把它插到新的位置

js *** 作节点的DOM方法

一、创建节点

createElement

createTextNode

二、添加、删除、替换、克隆元素

1、appendChild

2、insertBefore

3、如果appendChild、insertBefore追加的是已经存在的子元素，实际上就会将子元素位置移动

4、删除节点removeremoveChild

remove()

removeChild

5.替换节点

replaceChild

6、克隆节点

cloneNode()

三、 *** 作元素属性的方法

1.获取属性 元素.属性名

2.设置属性 元素.属性名 = 属性值

1、2方法只能获取和设置元素自带的属性

3. *** 作属性的万能方法

getAttribute()

setAttribute()

---