[前端] DOM操作类型

1、创建

1. document.createElement();//创建元素节点
2. document.createTextNodes();//创建文本节点
3. document.createCommet();//创建注释节点
4. document.createDocumentFragment();//创建碎片节点

2、插入(parentNode指的是DOM中选中的节点)

1. parentNode.appendChild();//向选中的节点中插入子节点，插入的类型类似push向后插入
2. parentNode.insertBefore(a,b);//里面需要传进2个参数，第一个是要插入的参数，第二个是要插在该参数前面的参数

3、删除

1. parent.removeChild();//在某个节点中移除某个节点，节点是被移除
2. child.remove();//节点自己移除自己

4、替换

1. parentNode.replaceChild(new , origin);//new：新的元素，origin：老的元素