JavaScript获取节点
| 功能 | 操作 | 注意事项 |
|---|---|---|
| 获取hxb的全部子节点 | hxb.childNodes;或 hxb.children; | childNodes和children返回的都是子节点的集合，都是一个数组的格式。但是childNodes会把换行和空格也当成是节点信息。 js的childNodes属性是标准的，children属性是非标准的，但为了方便一般会用的是children属性。 |
| 获取hxb的指定子节点 | hxb.childNodes[num];或 hxb.children[num]; | 因为获取结果为数组，所以可以用数组形式访问，区别同上。 |
| 获取hxb子节点个数 | hxb.childElementCount; | 返回的为子节点个数或者说数组长度 |
| 获取hxb的全部父节点 | hxb.offsetParent; | 一看offset我们就知道是偏移量，其实这个是与位置有关的上下级，直接能够获取到所有父亲节点，这个对应的值是body下的所有节点信息。 |
| 获取hxb的父节点 | hxb.parentNode;或 hxb.parentElement; | parentElement和parentNode一样，只是parentElement是ie的标准。 |
| 获取hxb的下一个兄弟节点 | hxb.nextSibling;或 hxb.nextElementSibling; | nextSibling会匹配字符，包括换行和空格，而不是节点。nextElementSibling则直接匹配元素节点。 |
| 获取hxb的上一个兄弟节点 | hxb.previousSibling;或 hxb.previousElementSibling; | 区别同上 |
| 获取hxb的第一个子节点 | hxb.firstChild;或 hxb.firstElementChild; | 区别同上 |
| 获取hxb的最后一个子节点 | hxb.lastChild;或 hxb.lastElementChild; | 区别同上 |
