如何使用递归遍历 DOM 树并对每个子元素执行回调函数？

有志者，事竟成！如果你在学习文章，那么本文《如何使用递归遍历 DOM 树并对每个子元素执行回调函数？》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

js 面试题：遍历 dom 树

给定一个 dom 元素 d_elem，要求遍历所有子元素（包括嵌套的子元素），并将每个子元素作为参数传递给一个回调函数。

解法：

function recursive(el, callback) {
    if (el.childNodes) return;
    for (var elIndex in el.childNodes) {
        recursive(el.childNodes[elIndex], callback);
        callback(el.childNodes[elIndex]);
    }
}

recursive(document.body, function (el) { console.log(el) });

该解决方案采用递归的方式遍历 dom 树。

1. 检查当前元素是否有子元素。如果没有，则终止递归。
2. 遍历当前元素的所有子元素，并递归地调用该函数。
3. 在回调函数中处理每个子元素。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何使用递归遍历 DOM 树并对每个子元素执行回调函数？》文章吧，也可关注golang学习网公众号了解相关技术文章。