JavaScript dom 选择器 节点类型

DOM 用来修改html xml 间接修改css

document 包含 html document 代表整个文档

选择器

document.getElementById('only');      // ie8以下不区分aA name也会选出
document.getElementsByTagName('div'); // 类数组 最常用ie4
document.getElementsByClassName();    // ie8及以下no
document.getElementsByName();         // 只有部分标签生效input, img, iframe
querySelector();                      // 一个 静态选择 ie7及以下no~~  
querySelectorall();                   // 一组 静态选择 ie7及以下no~~

遍历节点树
.parentNode 最顶端#document
.childNodes
.firstChild last
.nextSibling后一个兄弟节点 .previousSibling前一个兄弟节点

基于元素节点树的遍历 (除children以外其余ie9以下不兼容)
.parentElement 最顶端html 当前元素的父元素节点
.children
.childElementCount === .children.length
.firstElementChild .lastElementChild
.nextElementSibling .previousElementSibling

节点的四个属性
1. nodeName  R
2. nodeValue RW 文本节点或注释节点
3. nodeType  R
元素节点           ——1
属性节点           ——2
文本节点           ——3
注释节点           ——8
document          ——9
DocumentFragment  ——11
4. attributes: Element节点的属性集合

节点的一个方法.hasChildNodes();