如何在HTML文件中获取Css类的使用列表？

概述我需要一个html文件中使用的类列表.是否有任何工具可以获取HTML文件中的类列表？ 这应该工作,它不需要jquery. var used = [];var elements = null;//get all elementsif (typeof document.getElementsByTagName != 'undefined') { elements = document. 我需要一个HTML文件中使用的类列表.是否有任何工具可以获取HTML文件中的类列表？解决方法 这应该工作,它不需要jquery.

var used = [];var elements = null;//get all elementsif (typeof document.getElementsByTagname != 'undefined') {    elements = document.getElementsByTagname('*');}if (!elements || !elements.length) {    elements = document.all; // IE5}//loop over all elementfor (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(' '));

更实用的方法

var elements = document.getElementsByTagname('*');var unique = function (List,x) {    if (x != "" && List.indexOf(x) === -1) {        List.push(x);    }    return List;};var trim = function (x) { return x.trim(); };var classes = [].reduce.call(elements,function (acc,e) {    return e.classname.split(' ').map(trim).reduce(unique,acc);},[]);

总结

以上是内存溢出为你收集整理的如何在HTML文件中获取Css类的使用列表？全部内容，希望文章能够帮你解决如何在HTML文件中获取Css类的使用列表？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。