1.childNodes（属性） 子--节点（node）--集合(s) （返回数组）
只包含一级子节点，不包含后辈孙级以下的节点，但是节点类型有非常多种（12种），比如元素节点，文本节点，属性节点等等
children(属性) 子节点集合 （返回数组）
与childNodes属性的区别是 只包含【元素类型】节点
2.nodeType（属性） 节点类型
也就是读当前元素的节点类型
3.attributes（属性） 属性列表集合 （返回数组）
下面给一些返回值帮助理解
元素.attributes[0] // [object Attr] 属性对象/数组对象
元素.attributes[0].name 才能获取当前属性的名称，如id,style 元素.attributes[0].value才能获取当前属性的值 比如“haha”;
4.firstChild(属性) ：元素.firstChild返回第一个子节点 （但是包含所有节点类型，也就是说会返回文本节点、属性节点、元素节点等）
firstElementChild（属性）： 元素.firstElmentChild返回第一个子节点（但是只包含元素类型的节点）
同样的有两个属性：lastChild and lastElementChild，返回最后一个子节点，区别一样
5.nextSibling && nextElementSibling 下一个--兄弟节点
previousSibling && previousElementSibling 上一个-兄弟节点
同上
6. parentNode :当前节点的父级节点 （最近一层的父节点）
offsetParent: 当前节点的父级节点 （离当前元素最近的、有定位的父节点）基本上和CSS上的定位没什么区别，比如一堆父元素只要一个有position:relative 那么就会返回那个定义了位置的父元素 【如果没有定位父级时，默认返回body】
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置【如果没有定位父级时，默认返回html】
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置【如果没有定位父级时，默认返回html】
原文：http://www.cnblogs.com/xisitan/p/4646124.html