javascript 节点遍历函数
更新时间：2010年03月28日 14:02:32 作者：
火狐官网上找到的一组函数，相当于treeWalker，有了它可以方便地在IE实现Traversal API 2的所有功能
火狐官网上找到的一组函数，相当于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 !(/[^\t\n\r ]/.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;
}
复制代码 代码如下:
function is_all_ws(nod) { return !(/[^\t\n\r ]/.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;
}
相关文章
这篇文章主要为大家详细介绍了基于原生js实现图片轮播效果的具体代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要给大家简单介绍了javascript中return语句，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要为大家详细介绍了js实现简易计算器小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
在javascript中创建对象的三种方法，脚本之家以前发布过有简单实例版的，大家可以参考下。2010-12-12
这篇文章主要为大家详细介绍了微信JS-SDK选取手机照片上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
在编程中，模块是指将相关的代码封装在一起，形成一个独立的单元，在这篇文章中，我们将深入探讨在TypeScript中如何定义、导入和导出模块，感兴趣的可以了解一下2023-06-06
javascript权威指南 学习笔记之javascript数据类型
JavaScript中允许使用三种基本数据类型 数字，文本字符和布尔值。其中数字包括符点数.此外，它还支持两种小数据类型 －null(空)和undefined(未定义)，该两种小数据类型，它们各自只定义了一个值 。2011-09-09
在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单，对bootstrap 表单相关知识感兴趣的朋友一起学习吧2016-01-01
这篇文章主要为大家详细介绍了js日期插件dateHelp获取本月、三个月、今年的日期，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要为大家详细介绍了微信小程序实现翻牌抽奖动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
最新评论