DOM

1、节点类型：
nodeType nodeValue nodeName
document 9
元素节点 1 null 标签名
文本节点 3 文本内容 #text

判断是否为文本节点的方法：
nodeType==3 nodeName=="#text"

2、查找节点
（1）通过ID ***
（2）通过name，主要用于表单元素
（3）通过标签名 ****
（4）通过class名 ---------
（5）特殊集合：document.forms获取form元素
（6）css选择器 ---------
A document.querySelector("css选择器") 获取第一个匹配元素
B document.querySelectorAll("css选择器") 获取所有的匹配元素

3、遍历节点
父节点 parentNode
子节点
childNodes firstChild lastChild
兄弟节点
previousSibling nextSibling

以上两处有兼容问题，解决方法动态删除换行符（判断是否为文本节点）

children 元素子节点

4、操作节点
（1）创建节点 ：createElement()元素节点 createTextNode()文本节点
（2）添加节点：appendChild() insertBefore()
（3）删除节点:removeChild()
（4）替换节点:replaceChild()
（5）复制节点cloneNode()

转载于:https://www.cnblogs.com/mrluobiao/p/6732326.html