Get list of CSS Classes in StyleSheet using javascript/jQuery [duplicate]

Question

Possible Duplicate:
How can you determine if a css class exists with Javascript?

Is there a way to check if there is a class named 'some-class-name' in css?

For example, I have:

<style type="text/css">
    .box {
        position: absolute;
        left: 150%;
    }
</style>

My intention is to randomly assign a class to a div on certain event:

var classList = []; //Need to populate this array
$('#updateClass').on('click', function() {
    $('#resultDiv').attr('class',classList[Math.floor((Math.random()*classList.length)+1)]);
});

Is it possible to check by JS/jQuery whether a class named 'box' exists in the stylesheet?

I referred to This Question - How can you determine if a css class exists with Javascript?, But the answer didn't help me because the link in the answer doesn't exists anymore.

Thanks.

if ($('.validation-errors').length){ /*your code here */ } but i suspect it will check element has class ?? — Mayank K. Swami
– Mayank K. Swami, Commented Dec 19, 2012 at 7:46
Is there any reason for you to check for class names in css? — Spoike
– Spoike, Commented Dec 19, 2012 at 7:46
@silly I read that as whats the "season", the winter bash is getting to me — NimChimpsky
– NimChimpsky, Commented Dec 19, 2012 at 7:53

Community · Accepted Answer · 2017-05-23 10:24:45Z

1

As mentioned above (How can you determine if a css class exists with Javascript?), you could scan the complete CSS for the requested class, or you could add the requested class to an element and check if the attriubtes of the class apply to it. For example:

document.getElementById('yourTestElementID').className=newClass;
if(document.getElementById('yourTestElementID').style.position === 'thevalue' ) {
  // class exists....
}

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Dec 19, 2012 at 8:02

axel.michel

5,8741 gold badge18 silver badges25 bronze badges

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

Comments

BoltClock · Accepted Answer · 2012-12-20 04:04:48Z

-2

Your random algorithm:

Math.floor((Math.random()*classList.length)+1)

will generate random number from specific range or more generally from 1 to classList.length.

You just need to be sure that the class names that you are going to use and will be populated in the array will exists.

edited Dec 20, 2012 at 4:04

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

answered Dec 19, 2012 at 8:07

gotqn

44k47 gold badges167 silver badges256 bronze badges

Collectives™ on Stack Overflow

Get list of CSS Classes in StyleSheet using javascript/jQuery [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related