递归遍历DOM树无统一标准函数，但需明确入口与终止条件（如node.nodeType !== 1时返回）、优先使用children过滤非元素节点、提供enter/leave钩子及深度控制，并在超深树时降级为迭代。
递归遍历 DOM 树没有统一的“标准函数”，但存在被广泛接受、健壮且可维护的编写惯例。核心是避免隐式全局、防止无限递归、保持节点访问顺序清晰，并兼顾性能与可读性。
明确入口与终止条件
递归函数必须有清晰的起始节点（如 document.body 或传入的 root）和明确的终止逻辑。DOM 递归的自然终点是遇到 null 或无子节点的元素，但更稳妥的做法是检查 node.nodeType，只处理元素节点（Node.ELEMENT_NODE === 1），跳过文本、注释等干扰节点。
- 始终用
if (!node || node.nodeType !== Node.ELEMENT_NODE) return;作为首行守卫 - 不依赖
node.children.length === 0判断终止——<div></div>有children.length === 0但仍需处理自身 - 若需遍历所有节点类型（含文本），则用
node.childNodes并逐个判断类型
统一使用 children 而非 childNodes（除非必要）
element.children 只返回元素子节点，天然过滤掉空白文本节点和注释，大幅降低意外遍历和逻辑分支复杂度。这是现代 DOM 遍历的默认推荐方式。
- 递归调用时遍历
node.children，而非node.childNodes - 若业务强依赖文本内容（如提取纯文本），再改用
childNodes并显式过滤：Array.from(node.childNodes).filter(n => n.nodeType === Node.TEXT_NODE) - 避免混合使用：同一函数内不要一会儿用
children一会儿用childNodes
提供可选的访问钩子与上下文控制
实用的遍历函数应支持前置处理（pre-order）、后置处理（post-order）或两者兼备，并允许传入上下文（如深度、路径、累积数据），而非硬编码逻辑。
立即学习“Java免费学习笔记（深入）”；
- 函数签名建议：
function walk(node, options = {}) { ... }，其中options包含enter（进入节点时执行）、leave（离开节点时执行）、maxDepth（防深层栈溢出）等 - 深度控制示例：在递归调用前检查
depth >= options.maxDepth，直接return - 避免在函数体内修改传入的
node或其属性——保持纯函数风格，副作用由enter/leave回调承担
注意栈深度与替代方案
深层嵌套 DOM（如万级节点树）可能触发栈溢出。虽属边缘情况，但规范写法应留有退路。
- 简单场景下递归足够；对超深树，改用显式栈（
Array.push/pop）实现迭代遍历 - 可内置自动降级机制：检测
depth > 100时切换为迭代模式（需提前设计状态结构） - 不推荐用
setTimeout或Promise.resolve()“拆分”递归——破坏顺序且增加不可控延迟
