如果未定义某些 CSS 类，请使用自定义 CSS 样式

Question

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

例子：

如果 CSS 类 demo_class 不存在：

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

其他：

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

Answer 1

Forst 你需要选择那个元素，例如给它一些 id

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

js:

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