JavaScript中DOM节点的查找(遍历)

JavaScript中DOM节点的查找(遍历)

这篇文章讲一下DOM节点的查找，即DOM节点的遍历。说道遍历大家应该不陌生了，在js中，通过DOM节点的遍历，我么可以通过任意一个元素找到另外的任意一个元素。前期把这个学到位，到了后期开始学习jQuery时会感觉方便很多。

整个DOM中，节点与节点之间的关系只有两种，兄弟(同胞)关系和父子关系。遍历节点用到的属性也主要是这个两类。

HTML代码：

    <div class="wrap" style="position:relative">
        <div class="box">
            盒子01
            <p>这是一个段落</p>
        </div>
        <div class=