我们在实际的开发中，经常要获取页面中某个html元素，动态更新元素的样式、内容属性等。
我们已经知道在JavaScript中提供下面的方法获取子、父、兄节点的方法：
常规
通过父节点获取子节点：
parentObj.firstChild 获取已知父节点的第一个子节点
parentObj.lastChild 获取已知父节点的最后一个子节点
parentObj.childNodes 获取已知父节点的子节点数组(这里我在IE 7中获取的是所有直接的子节点)
parentObj.children 获取已知节点的直接子节点数组（在IE7中和childNodes效果一样）
parentObj.getElementsByTagName(tagName) 返回已知子节点中类型为指定值的子节点数组
通过临近节点获取兄弟节点：
neighbourNode.previousSibing 获取已知节点的前一个兄弟节点
neighbourNode.nextSibing 获取已知节点的下一个兄弟节点
通过子节点获取父节点：
1、childNode.parentNode 获取已知节点的父节点
上面的方法基本都是可以递归是使用的，parentObj.firstChild.firstChild.firstChild...但是这样的代码有一种傻傻的赶脚。。
扩展
在扩展之前，我们需要知道一些关于节点基础的知识：Dom节点中，每个节点都拥有不同的类型
W3C规范中常用的Dom节点的类型有以下几种
节点类型
说明
值
元素节点
每一个HTML标签都是一个元素节点
1
属性节点
元素节点（HTML标签）的属性，如id，class，name等
2
文本节点
元素节点或属性节点中的文本内容
3
注释节点
便是文档的注释，形式如<!--comment Text-->
8
文档节点
表示整个文档（Dom树的根节点，即document）
9
关于节点的名称，不同类型的节点对应不同的名称
节点类型
节点名称
元素节点
HTML的名称（大写）
属性节点
属性的名称
文本节点
它的值永远的都#text
文档节点
它的值永远都是#document
可以分别通过nodeType（节点类型），nodeName（节点名称），以及nodeValue（节点值）分别返回节点的类型、节点名称以及节点值（比如元素节点返回1，属性节点返回2）
JS获取兄弟节点的两种方法
方法一：通过父元素的子元素先找到含自己在内的“兄弟元素”，然后在剔除自己
function sibling(elem){ var a = []; var b = elem.parentNode.children; for (var i = 0 ; i < b.length ; i++){ if(b[i] !== elem) a.push(b[i]); } return a; }
方法二：jQuery中实现方法，先通过查找元素的第一个子元素，然后在不断往下找下一个紧邻元素，判断并剔除自己。