DOM选择器

dom选择器类型

document代表整个文档

ID选择器

1. document.getElementByid() 方法
   //选择当前的ID名
   //在ie8一下的浏览器，不区分id的大小写
2. getElementByTagName() 方法
   //页面里面的所有标签名拿出来
3. getElementByClassName() 方法
   //选中当前的class标签
   //ie8一下和ie8一下的e版本没有该方法
4. getElementByName() 方法
   //只有部分标签name可以生效（表单，Img，iframe）
5. querySelector() 方法
   //css选择器，在ie7和ie7一下的版本中没有
6. querySelectorAll() 方法
   //在ie7和ie7一下的版本中没有
   以上两种方法不具有实时性。

遍历节点树

1. node.parentNode
   //我的父级元素
2. node.ChildNodes
   //我的子级元素集（所有类型）
3. node.firstChild
   //我的第一个子节点
4. node.lastChild
   //我的最后一个子节点
5. node.nextSibling(我的后一个兄弟节点) // previousSibling(我的前一个兄弟节点)

基于元素遍历的节点

1. node.paretElement
   //返回当前元素的父元素节点(IE9一下不兼容)
2. node.children
   //只返回当前元素的元素子节点
3. node.childElementCount === node.children.length
   //当前元素节点的子元素
4. node.firstElementChild
   //返回的是第一个元素节点((IE9一下不兼容)
5. node.lastElementChild
   //返回的是最后一个元素节点((IE9一下不兼容)
6. node.nextElementSibling(返回前一个兄弟元素) // previousElementSibling(返回后一个兄弟元素)

节点类型

文本节点 ---------- 3
元素节点 ---------- 1
注释节点 ---------- 8
属性节点 ---------- 2
文档碎片节点 — 11
document节点 — 9

节点的四个属性

1. nodeName
   //元素的标签名，以大写形式表示，只读
2. nodeValue
   //text节点或Comment节点的文本内容，可读写
3. nodeType
   //该节点的类型，只读
4. attributes
   // Element节点属性集合
5. 节点的一个方法 Node.hasChildNodes()