js操作DOM的方法总结整理

一、什么是DOM？

DOM（Document Object Model）文档对象模型。DOM为HTML提供了结构化表示方法，定义了访问和处理文档结构的方法规范。
HTML可以理解成是由DOM节点构成的集合，主要元素节点、文本节点、属性节点三部分构成。

二、js操作DOM的方法
js操作dom主要分对元素节点、文本节点、属性节点的增删改查；判断元素节点类型

新增节点:

document.createElement(''); //创建一个元素节点
document.createTextNode(''); //创建一个文本节点
newNode.cloneNode(true); //克隆一个节点，参数true表示会克隆当前节点以及它的所有子节点，false表示只克隆当前节点，默认为false
document.createDocumentFragment();

删除节点

var deleteNode = parentNode,removeChild(); //删除指定的子节点

修改节点

appendChild(); // 在指定元素后面新增子节点
inserBefore();