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()