javascript javascript实现递归打印DOM元素标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript javascript实现递归打印DOM元素标签相关的知识,希望对你有一定的参考价值。

function loop(ele, prefix) {
    ele.childNodes.forEach(function (ele) {
        if (ele.tagName) {
            console.log(prefix + ele.tagName);
            if (ele.hasChildNodes()) {
                loop(ele, prefix + "*"); // 这个 prefix + "*" 是关键
            }
        }
    });
}
loop(document, "*")
// *HTML
// **HEAD
// ***META
// ***TITLE
// **BODY
// ***DIV
// ****P
// *****SPAN
// ******A
// *****SPAN
// ******A
// *****SPAN
// ******A
// ***SCRIPT

以上是关于javascript javascript实现递归打印DOM元素标签的主要内容,如果未能解决你的问题,请参考以下文章

使用 Javascript 递归地进行线性搜索

JavaScript之递归实现N的阶乘

JavaScript 递归的几种写法

JavaScript实现二分查找(搜索)算法(非递归实现)

JavaScript递归实现数组扁平化(数组降维)

JavaScript递归简单实现个对象深拷贝