书:"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))