all css classes in page using js

Question

i want to be able to get all the class names of all css files on the page. Is there any existing possibility or do i have to read it and parse it by myself. Isn´t there any api of the browser?

Please clarify: Are you asking how to find out the names of all HTML classes that are mentioned in class selectors that form all or part of the selectors for all rule sets in all the CSS that is loaded from external files? (I suspect this is only partially right). — Quentin
– Quentin, Commented Mar 15, 2011 at 16:50
Or all the values in the class attributes on <link> elements that are rel=stylesheet? — Quentin
– Quentin, Commented Mar 15, 2011 at 16:53
If you want all classes applied to elements in the page, see this question. — justkt
– justkt, Commented Mar 15, 2011 at 16:59
sorry for late reply, no, i need all available classes in all <link> files and all onpage style rules, not just that are placed in html elements like class="..." — Luke
– Luke, Commented Mar 16, 2011 at 14:01

Community · Accepted Answer · 2017-05-23 12:08:53Z

2

is maybe a dulplicate request of this? How do you read CSS rule values with JavaScript?

function getStyle(className) {
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
    for(var x=0;x<classes.length;x++) {
        if(classes[x].selectorText==className) {
                (classes[x].cssText) ? alert(classes[x].cssText) : alert(classes[x].style.cssText);
        }
    }
}
getStyle('.test')

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Mar 15, 2011 at 16:59

Achilleterzo

7426 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Luke Over a year ago

Hej thank you, it´s not the exact answer, but it told me what i needed to now. I needed the document.styleSheets -> rules -> selectorText. If you want, you can change your code so I get all selectorText items in one list. +1

Collectives™ on Stack Overflow

all css classes in page using js

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related