如何使用递归函数遍历 DOM 元素及其子元素？-小浪资源网

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

文章版权归作者所有，未经允许请勿转载。【小浪云服务商 - 服务器12元起 - 挂机宝5元起】

THE END