advanced code snippet search

Posted By

noah on 05/28/08


Tagged

css class list html xhtml DOM name


Versions (?)

List all class names used in a DOM tree

 / Published in: JavaScript
 

Lists each CSS class name that is applied to an element within an HTML page.

Some applications suggested by this pattern are: - List class names by frequency of use. - List class names by what kind of element they are applied to. - List class names that are only used once.

Expand | Embed | Plain Text 
  1. var allTags = document.body.getElementsByTagName('*');
  2. var classNames = {};
  3. for (var tg = 0; tg< allTags.length; tg++) {
  4.     var tag = allTags[tg];
  5.     if (tag.className) {
  6.       var classes = tag.className.split(" ");
  7. 	for (var cn = 0; cn < classes.length; cn++){
  8. 	  var cName = classes[cn];
  9. 	  if (! classNames[cName]) {
  10. 	    classNames[cName] = true;
  11. 	  }
  12. 	}
  13.     }   
  14. }
  15. var classList = [];
  16. for (var name in classNames) classList.push(name);
  17. alert(classList);

Report this snippet  

You need to login to post a comment.