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

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

以上就是如何使用递归函数遍历 DOM 元素及其子元素？的详细内容，更多请关注www.sxiaw.com其它相关文章！