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

posted @ 2017-04-19 11:06  非凡。  阅读(96)  评论(0编辑  收藏  举报