2013-08-06 67 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'); 
} 
的[你怎麼能確定