2013-08-06 52 views
3

是否有使用纯JavaScript检查CSS类是否已定义的方法,如果是,则使用它,如果没有,则定义自定义样式?如果未定义某些CSS类,请使用自定义CSS样式

例子:

如果CSS类demo_class不存在:

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

否则:

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

可能重复一个CSS类存在与Javascript?](http://stackoverflow.com/questions/983586/how-can-you-determine-if-a-css-class-exists-with- javascript) – Nerius

回答

-1

福斯特您需要选择要素,例如给它一些编号

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

JS:

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

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

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

我想他想检查是否在css中定义了类名(不是如果元素有类) – xec

-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'); 
} 
的[你怎么能确定