javascript 节点遍历函数

207 阅读 0 评论 137 点赞

我是靠谱客的博主明亮天空，最近开发中收集的这篇文章主要介绍javascript 节点遍历函数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

火狐官网上找到的一组函数，相当于treeWalker，有了它可以方便地在IE实现Traversal API 2的所有功能（nextElementSibling，previousElementSibling，firstElementChild，lastElementChild，children）These functions let you find the next sibling, previous sibling, first child, and last child of a given node (element). What makes them unique is that they safely ignore whitespace nodes so you get the real node you're looking for each time.

复制代码代码如下:

function is_all_ws(nod) { return !(/[^tnr ]/.test(nod.data)); } 
function is_ignorable(nod) { return (nod.nodeType == 8) || ((nod.nodeType == 3) && is_all_ws(nod)); } 
function node_before(sib) { 
while ((sib = sib.previousSibling)) { 
if (!is_ignorable(sib)) return sib; 
} 
return null; 
} 
function node_after(sib) { 
while ((sib = sib.nextSibling)) { 
if (!is_ignorable(sib)) return sib; 
} 
return null; 
} 
function first_child(par) { 
var res = par.firstChild; 
while(res) { 
if(!is_ignorable(res)) return res; 
res = res.nextSibling; 
} 
return null; 
} 
function last_child(par) { 
var res = par.lastChild; 
while(res) { 
if(!is_ignorable(res)) return res; 
res = res.previousSibling; 
} 
return null; 
}