20161206 JS兄弟节点

节点查找

1.父节点  

parentNode

2.下一个兄弟节点

nextSibling      IE6 7 8识别

nextElementSibling       其他浏览器识别

兄弟节点可以这么使用

var one =document.getElementById("one")

var obj = one.nextElementSibling  ||  one.nextSibling

3.上一个兄弟节点(使用与查找下一个兄弟同理)

preivousSibling

preivousElementSibling

4.子节点（不常用）

firstChild 第一个孩子，IE6 7 8识别

firstElementChild  正常浏览器识别  （空格也算孩子）

lastChild

lastElementChild

孩子节点（重点）

childNodes 选出全部的孩子

childNodes：标准属性，它返回指定元素的子元素集合

包括html节点，所有的属性，文本节点（嫡出）

缺点：FF、chrome、或ie高版本会把换行也看成子节点，ie6 7 8不会把换行当孩子

利用nodeType==1    获取元素节点

children  选择所有的孩子，仅仅选择的元素节点（庶出，推荐使用）

优点：只有元素节点被你选中，无浏览器兼容问题

注意事项：IE 6 7 8会把注释也当成节点