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