JavaScriptにおけるclassの呼び出し方法について

PS:classの呼び出しは、実際には重畳することができます。もちろん、この要求のスタイルが異なる場合、スタイルが同じであれば、次のスタイルは前のスタイルをカバーします。
1、例を挙げると次のようになります

<div id="test" class="aaa bbb">    class   </div>

.aaa{
 font-size:20px;
 color:red; 
}
.bbb{
 font-size:50px;
 color:green;
}

var test=document.getElementById('test');
test.className='aaa';
test.className='aaa bbb';//  aaa bbb     ，  ，bbb      aaa   

最後に「クラスの呼び出しについてテストする」といういくつかの単語のパターンは、font-size:50 pxです。カラー：グリーン
2、このような添加方法は煩わしいです。毎回新しいものを追加して、上の前の書いた種類を持ってきて、忘れやすいです。そして、全部持っているかどうかを確認します。だから、関数の方法を編纂して、添加類と削除類の問題を解決できます。

function hasClass(element,className){   //       
    return element.className.match(new RegExp('(\\s|^)'+className+'(\s|$)'));
 
}
//    Class
function addClass(element,className){
  if(!hasClass(element,className)){
     element.className+=' '+className;
  }  
}  
//    Class
function removeClass(element,className){
 if(hasClass(element,className)){
    element.className=element.className.replace
   (new RegExp('(\\s|^)'+className+'(\s|$)'),' ');
 }
}   

以上のJavaScriptでは、クラスの呼び出し方法については、小編集が皆さんのすべての内容を共有していますので、参考にしていただければと思います。よろしくお願いします。