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

阅读更多
上一篇书:"Pro JavaScript Techniques 精通JavaScript"之重载浏览器默认行为
下一篇推荐好的博文连载----《冒号和他的学生们》
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭