【获取页面所有的不重复tag】

最新推荐文章于 2023-11-01 14:28:03 发布

Zachary_zlc

最新推荐文章于 2023-11-01 14:28:03 发布

阅读量126

点赞数

分类专栏： javascript 文章标签：前端 javascript

申请开通js

本文链接：https://blog.youkuaiyun.com/MrZachary_zlc/article/details/129510808

版权

javascript 专栏收录该内容

28 篇文章

订阅专栏

该代码定义了一个名为getUniqueTag的函数，用于遍历DOM树并收集独特的标签名。它通过递归处理每个元素及其子节点，检查并添加未包含在结果数组中的标签。当调用此函数，如示例中getUniqueTag(document.querySelectorAll(*))，将返回文档中所有唯一的HTML标签名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const result = []
function getUniqueTag(root) {
    const rt = [...root]
    
    rt.forEach(item => {
        if(!result.includes(item.tagName)) {
            result.push(item.tagName)
        }
        
        if(item.children && (0 in item.children)) {
            getUniqueTag(item.children)
        } 
    })

    return result
}

// const arr = [
//     {
//         tagName:'div1',
//         children:[
//             {tagName:'div4',}
//         ]
//     },
//     {
//         tagName:'div2',
//     },
//     {
//         tagName:'div3',
//     },
// ]

// 1.子集递归查找；
// 2.判断不同；
// 3.返回结果;
// 4.先判断children 还是先存储tag

getUniqueTag(document.querySelectorAll('*'))