Skip to content

Instantly share code, notes, and snippets.

@cdharrison
Created August 3, 2013 04:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cdharrison/6145156 to your computer and use it in GitHub Desktop.
Save cdharrison/6145156 to your computer and use it in GitHub Desktop.
How to get list of all of the CSS classes used in an HTML file. Source: http://stackoverflow.com/a/7540783
var used = [];
var elements = null;
//get all elements
if (typeof document.getElementsByTagName != 'undefined') {
elements = document.getElementsByTagName('*');
}
if (!elements || !elements.length) {
elements = document.all; // ie5
}
//loop over all element
for (var i = 0; i < elements.length; i++){
//loop over element's classes
var classes = elements[i].className.split(' ');
for (var j = 0; j < classes.length; j++) {
var name = classes[j];
//add if not exists
if (name.length > 0 && used.indexOf(name) === -1) {
used.push(name);
}
}
}
alert(used.join(' '));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment