Wie bekomme ich eine Liste von CSS-Klassen in der HTML-Datei?

8

Ich brauche eine Liste von Klassen, die in einer HTML-Datei verwendet werden. Gibt es ein Werkzeug, wo ich eine Liste von Klassen in der HTML-Datei bekommen kann?

    
KuldipMCA 24.09.2011, 10:38
quelle

5 Antworten

6

das sollte funktionieren und es braucht keine jquery.

%Vor%

mehr funktionaler Ansatz

%Vor%     
Ilia Choly 24.09.2011, 17:51
quelle
6

Wenn Sie jQuery auf der Seite haben, führen Sie diesen Code aus:

%Vor%

Die Variable classArray enthält alle auf dieser HTML-Seite angegebenen Klassen.

    
MisterGreen 24.09.2011 17:36
quelle
0

Sehen Sie sich die Staubwähler an.

Es ist nicht genau das, was Sie suchen, es zeigt eine Liste von nicht verwendeten Selektoren. Ich kann mir jedoch vorstellen, dass Sie die Umkehrung der Liste verwenden könnten.

Hier ist der Link: Ссылка

    
nikmd23 24.09.2011 11:45
quelle
0

Ich weiß, dass das eine alte Frage ist, aber ich bin durch Google gekommen, also vermute ich, dass auch mehr Leute hierher kommen können.

Der kürzeste Weg, mit querySelectorAll und classList (was bedeutet, Browser-Unterstützung könnte ein Problem sein: IE10 für classList und IE8 für querySelectorAll ) und mit Duplikaten wäre:

%Vor%

Ich habe ein jsFiddle mit einem Fallback für classList erstellt (welches die "niedrigste" Browser-Unterstützung hat), die ebenfalls zählt Alle Elemente, alle Klassen und alle Elemente mit Klassen, wenn Sie nicht classList verwenden.

Ich habe zwar keine eindeutige Erkennung hinzugefügt, könnte aber eines Tages dazu kommen.

    
Deviljho 05.05.2015 23:44
quelle
0

Schnell Klassen von Konsole auflisten (ignorieren 'ng- *' Winkelklassen)

%Vor%
    
Feco 20.11.2017 18:18
quelle

Tags und Links