一、DOM树中的节点类型和节点关系
1、节点类型
1、元素节点 1
2、属性节点 2
3、文本节点 3
2、节点关系
父子关系和同级关系
二、W3C规定的三类DOM标准接口
1、Core DOM(核心DOM),适用于各种结构化文档
2、XML DOM,专用于XML文档
3、HTML DOM,专用于HTML文档
三、查看节点
1、节点node
1、obj.nodeName 节点名称
2、obj.nodeType 节点类型
3、obj.nodeValue 节点内容
2、通过父节点对象查找子节点对象(可能会有文本节点 换行)
父节点对象.firstChild 查找父节点下的第一个子节点
父节点对象.lastChild 查找父节点下的最后一个子节点
父节点对象.childNodes 查找父节点下的所有子节点
3、通过父节点对象查找子元素节点对象
父节点对象.firstElementChild 查找父节点下的第一个子元素节点
父节点对象.lastElementChild 查找父节点下的最后一个子元素节点
父节点对象.children 查找父节点下的所有子元素节点
4、通过子节点对象查找父节点对象
子节点对象.parentNode 通过子节点查找父节点
子节点对象.parentElement 通过子节点查找父元素
5、查看修改删除属性节点
节点对象.getAttribute("属性名"); 根据属性名获取属性值
节点对象.setAttribute("属性名","属性值"); 添加属性名属性值
节点对象.removeAttribute("属性名"); 删除对应的属性
6、查找兄弟节点
obj.nextSibling 查找下一个兄弟节点 可能为文本
obj.nextElementSibling 查找下一个元素兄弟节点
obj.previousSibling 查找上一个兄弟节点 可能为文本
obj.previousElementSibling 查找上一个元素兄弟节点
7、创建和增加节点的方法
document.createElement(""); 增加元素节点
父节点对象.appendChild(); 追加元素对象到父元素中最后