erbing / logic-training

logic-training and code-everyday
5 stars 0 forks source link

获取页面上所有的 className 并且去重 #5

Open erbing opened 5 years ago

erbing commented 5 years ago
/*
* 实现的方法有很多种,
* 但是希望 以最简单、最清晰的思路实现
*/
SweetsXob commented 5 years ago

// 使用Set,方便去重
let classSet = new Set();

// 获取所有使用class属性的标签
let nodeList = document.querySelectorAll("[class]");
for (const nodeItem of nodeList) {
    // 遍历每个元素的classList
    for (const classItem of nodeItem.classList) {
        // 将className添加到Set集合里,相同项只保留一个
        classSet.add(classItem)
    }
}

console.log(classSet);```