Question

有时候我需要打印一个CSS类列表来找到合适的类。

最适合我的是JS控制台中的函数：在输入时加载和过滤JS类列表。

例如，如果我需要记住一个图像类，我正在输入“Img”，然后加载一个图像类列表（“ImgFolder”，“ImgPencil”......）。

Answer 1

var allTags = document.body.getElementsByTagName('*');
var classNames = {};
for (var tg = 0; tg< allTags.length; tg++) {
    var tag = allTags[tg];
    if (tag.className) {
      var classes = tag.className.split(" ");
    for (var cn = 0; cn < classes.length; cn++){
      var cName = classes[cn];
      if (! classNames[cName]) {
        classNames[cName] = true;
      }
    }
    }   
}
var classList = [];
for (var name in classNames) classList.push(name);
alert(classList);

来源：http://snipplr.com/view/6488/

代码将为您提供数组中页面上所有类的列表。这应该足以让你开始。如果您需要过滤课程的帮助，请留下评论，然后我会编辑答案。

编辑：误解了这个问题。 https://developer.mozilla.org/en-US/docs/Web/API/document.styleSheets

如何获取Google Chrome中所有加载的CSS类的列表？

1 个答案: