如何使用递归函数遍历 DOM 元素及其子元素？

本篇文章给大家分享《如何使用递归函数遍历 DOM 元素及其子元素？》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

递归遍历 dom 元素及其子元素

在 javascript 中实现一个递归函数，该函数遍历给定的 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 元素及其所有子元素，并将每个子元素传递给回调函数。回调函数可以在每个子元素上执行所需的处理，例如打印元素、修改其样式等。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~