书:"Pro JavaScript Techniques 精通JavaScript"之简单的DOM遍历

//查找相关元素的前一个兄弟元素的函数

function prev(elem) {

    do {

        elem=elem.previousSibling;

    }   while (elem && elem.nodeType !=1);

   return elem;

}

//查找元素第一个子元素的函数

function first(elem) {

    elem = elem.firstChild;

    return elem && elem.nodeType !=1 ?

           next (elem) : elem;

}

//查找元素最后一个子元素的函数

function last(elem) {

    elem = elem.lastChild;

    return elem && elem.nodeType !=1 ?

    prev (elem) : elem;

}

//查找元素父元素的函数

function parent(elem;num) {

     num = num || 1;

     for (var i = 0 ; i < num ; i++)

    if (elem!=null) elem = elem.parentNode;

    return elem;

}

使用这些新函数你就可以迅速遍历DOM文档了,而且不必再为元素间的文本操心.比如,需要查找<h1>元素的下一个元素,现在可以这么做了

//查找<h1>元素的下一个元素

next(first(document.body))