DOM02

    在DOM中节点直接存在着相对的关系，整个html文档可以看作是一个节点树，根节点是html标签。

父亲节点：parentNode

兄弟节点：nextSibling 下一个兄弟 IE6,7,8兼容

　　　　nextElementSibling 其他浏览器都兼容

　　　　previousSibling IE6,7,8兼容，上一个兄弟

　　　　previousElementSibling 其他浏览器兼容

在我们使用时要首先进行兼容处理，例如：

<script>
    var tt = document.getElementById('one');
    //这种写法会产生错误，因为nextSibling的兼容范围较小，如果浏览器不兼容该写法，会直接返回undefined
    //var test = tt.nextSibling || tt.nextElementSibling;
    //要将范围较大的写在前面
    var test = tt.nextElementSibling || tt.nexttSibling;
    test.style.background = 'red';
</script>

子节点：firstChild

　　　　firstElemetnChild

　　　　lastChild

　　　　lastElementChild

孩子节点：

　　childNodes：他是标准属性，返回置顶元素的子元素集合，包括HTML节点，所有属性，文本节点。在谷歌、火狐等高版本浏览器中会将换行也看做是文本节点，因此在通过js记性样式操作的时候要注意，可以利用nodeType == 1时为　元素节点来筛选。

nodeType == 1元素节点

nodeType == 2属性节点

nodeType == 3文本节点