javascript - 如果未定义某些 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

你可以这样做：

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

Answer 2

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