Use a custom CSS style if some CSS class is not defined

Question

Is there a way using pure javascript to check if a CSS class is defined, and if it is, then use it, and if not, define a custom style?

Example:

If CSS class demo_class does not exist:

<div style="text-size:12px">Some content here...</div>

Else:

<div class="demo_class">Some content here...</div>

possible duplicate of How can you determine if a css class exists with Javascript? — Nerius
– Nerius, Commented Aug 6, 2013 at 8:18

Hubu · Accepted Answer · 2013-08-06 08:21:25Z

-1

Forst you need to select that element, for example give it some id

<div id="some-id">Some content here...</div>

js:

var element=document.getElementById('some-id');

Now you can check its class and set style

if(element.class!='demo_class')
{
  element.style.fontSize='12px';
}

answered Aug 6, 2013 at 8:21

Hubu

592 bronze badges

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

1 Comment

xec Over a year ago

I think he wants to check if the classname is defined in the css (not if the element has the class)

tecnowilliam · Accepted Answer · 2013-08-08 13:58:03Z

-1

You can do this:

if(typeof $('#some-id').attr('class') != 'undefined'){
    if($('#some-id').attr('class').indexOf('demo_class') > -1) {
        //Exist the class in the div
    } else {
        //Not exist the class in the div
        $('#some-id').addClass('demo_class');
    }
} else {
    $('#some-id').addClass('demo_class');
}

answered Aug 8, 2013 at 13:58

tecnowilliam

1

Collectives™ on Stack Overflow

Use a custom CSS style if some CSS class is not defined

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related