How to get list of Css class use in the HTML file?

Question

I need list of classes used in an html file. Is there any tool where i can get list of classes in the HTML file?

Answer 1

This should work and it doesn't need jquery:

const used = new Set();
const elements = document.getElementsByTagName('*');
for (let { className = '' } of elements) {
    for (let name of className.split(' ')) {
        if (name) {
            used.add(name);
        }
    }
}
console.log(used.values());

Answer 2

If you've got jQuery on the page, run this code:

var classArray = [];
$('*').each(function(){if(this.className!=""){classArray.push(this.className)}})

The variable classArray will contain all the classes specified on that HTML page.