如何一次从HTML文件到CSS文件获取所有类名

ttygqcqt  于 2022-12-15  发布在  其他
关注(0)|答案(2)|浏览(149)

我有一个HTML文件和它的模型。从HTML文件到CSS文件的类名称是痛苦的整个过程。有没有办法得到一个CSS文件中的所有类名称一次?

vbopmzt1

vbopmzt11#

我认为它有一个扩展名,叫做evondev
下面是我的一个片段,可能会工作:

var html = "bla<p class='c1 c2'>blabla<button></button><div id='bla' class='c1 c3'></div>";

var classes = []; // empty array

html.replace(/class=['"][^'"]+/g, function(m){ // https://regex101.com/r/jD0wX1/1
    classes = classes.concat(m.match(/[^'"]+$/)[0].split(' ')); // https://regex101.com/r/jD0wX1/2
}); // take all classes

classes = classes.filter(function(item, pos) {
    return classes.indexOf(item) == pos;
}); // return unique classes

console.log(classes); // Run code snippet -> then press f12 to see the array

尝试并实现它。欢迎在评论中寻求帮助

bzzcjhmw

bzzcjhmw2#

也许工作在一个先进的代码编辑器,如VS代码,这将使它更容易为您导入类名的帮助下自动完成功能。

相关问题