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