dom选择器，节点

DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作HTML和XML功能的一类对象的集合。也有人称DOM是对HTML和XML的标准编程接口

document      //整个文档，html是文档的根标签
document.getElementById('')               //IE8以下不区分大小写，可匹配name
document.getElementsByTagName('')        //标签名，类数组
document.getElementsByClassName('')      //类名
document.getElementsByName('')       //表单，img,iframe
document.querySelector('')            //css选择器，非实时 
document.querySelectorAll('')


var newDiv = document.createElement('div');
document.body.appendChild(newDiv);

//遍历节点数
parentNode   //父节点，最顶端为#document
childNodes   //子节点们
firstChild    //第一个子节点
lastChild    //最后一个子节点
nextSibling   //后一个兄弟节点
previousSibling   //前一个兄弟节点

//节点的类型
元素节点---1
属性节点---2
文本节点---3
注释节点---8
document---9
DocumentFragment---11

//基于元素节点树的遍历
parenElement   //返回当前元素的父元素节点
children   //只返回当前元素的子元素节点
node.childElementCount === node.children.length  //当前元素节点的子元素节点个数
firstElementChild    //返回第一个元素节点
lastElementChild    //返回最后一个元素节点
nextElementSibling   //后一个兄弟元素节点
previousElementSibling   //前一个兄弟元素节点

//节点的四个属性
nodeName   //只读
nodeValue   //可读可写，Text节点/Comment节点
nodeType     //节点的类型，只读，返回数值
attributes

Node.hasChildNodes   //判断是否有子节点