DOM遍历节点树
1,parentNode
2,childNodes,子节点们
之所以是7个,看一下节点类型
1,元素节点-------1
2,属性节点-------2
3,文本节点-------3
4,注释节点-------8,
5,document------9
6,DocumentFragment-------11
灰色区域是第1个文本节点
第二个是元素节点
第三个是文本节点
以此类推,一共有7个节点,
3,firstChild,lastChild
第一个子节点和最后一个节点
4,nextSibling,previousSibling
后一个兄弟节点,前一个兄弟节点
----------------------------------------------------------------------------------------------------------------
遍历元素节点树
1,parentElement (IE9以下不兼容)
2,children
3,childElementCount === node.children.length 当前元素节点的子元素节点的个数 (IE9以下不兼容)
4,firstElementChild,lastElementChild (IE9以下不兼容)
返回第一个元素节点和最后元素节点
5,nextElementSibling / previousElementSibling (IE9以下不兼容)
返回后一个 / 前一个兄弟元素
----------------------------------------------------------------------------------------------------------------------
节点的属性
1,nodeName
元素的标签名,只读
2,nodeValue
只有文本节点,和comment(注释)节点有,可读,可写
3,nodeType
节点的类型,只读
他返回的是一个数值,比如元素节点是1
4,attributes
属性节点的内属性的集合
5,是一个方法 hasChileNodes()
查看某一元素是否有节点