DOM结构

获取父节点(获取他爹)
obj.parentNode //最大的祖宗是document，在往上就是null
获取子节点
childNodes 获取子节点，包括文本节点
节点类型：
文本节点
标签节点
检测节点的类型:nodeType
obj.nodeType
3 文本节点
1 标签节点
children 获取子节点(只包括第一层) 获取的子节点不包括文本节点
只包括它的第一层子节点，不包括它的孙子级
获取到的是一组元素 可以用下标、leng

true&&alert(1);
     &&如果两个都是真的，才是真的。如果第一个是假的，后面的不执行。
var a = false||5;
     ||   从左往右开始看，有真的取真的，如果都为假，取最后一个

获取上一个兄弟节点
obj.previousElementSibling; //兼容：高版本浏览器
obj.previousSibling; //兼容：ie6,7,8
兼容写法
obj.previousElementSibling||obj.previousSibling;
获取下一个兄弟节点
obj.nextElementSibling 兼容：高版本浏览器
obj.nextSibling 兼容：ie6,7,8 其他浏览器是文本
兼容写法
obj.nextElementSibling||obj.nextSibling;
获取首尾子节点
首子节点
父级.firstElementChild 兼容高版本浏览器
父级.firstChild 兼容ie6,7,8
兼容写法
父级.firstElementChild||父级.firstChild
尾子节点
父级.lastElementChild 兼容高版本浏览器
父级.lastChild 兼容ie6,7,8
兼容写法
父级.lastElementChild||父级.lastChild
获取首尾子节点没用 太麻烦
首子节点
obj.children[0];
尾子节点
obj.children[obj.children.length-1];