如果没有定义某些CSS类，则使用自定义CSS样式。

Question

是否有一种方法使用纯javascript来检查是否定义了CSS类，如果定义了，则使用它，如果没有，则定义自定义样式？

示例：

如果CSS类demo_class 不存在，则为：

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

Else:

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

Answer 1

因为您需要选择该元素，例如，给它一些id

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

联署材料：

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

现在您可以检查它的类和设置样式。

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

Answer 2

你可以这样做：

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');
}