書:”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))