JavaScriptによって要素に複数のクラスを追加する簡単な実装
<html> <head> <スタイルタイプ= "text/css"> .div2 {font-size：16px;色：オレンジ; } .div3 {font-size：20px;色：青; } <style> <script type = "text/javascript"> [1] classNameにスタイルを直接割り当てますvar odiv = document.getElementById（ 'div1'）; odiv.classname = div3 //このようにして、class = "div3"を取得し、div2スタイルを直接上書きします。 [2]蓄積を使用して、classNameに値を割り当てますvar odiv = document.getElementById（ 'div1'）; odiv.classname+= ""+div3 //スタイルとスタイルの間にはギャップがあるので、空の文字列を追加してそれを分離します//これは正常に追加できますが、スタイルを追加すると、以前に同じスタイルがあるかどうかを検討する必要があります。追加すると、class = "div2 div3 div3"など、負担になります。 [3] var odiv = document.getElementById（ 'div1'）の前に、スタイルが同じスタイルを持っているかどうかを確認します。 function hasclass（element、csname）{element.classname.match（regexp（ '（// s |^）'+csname+'（// s | $）'））; //定期的な検出を使用して、[3]に基づいて同じスタイルがあるかどうか} [4]を確認すると、要素にスタイルを判断できます。 var odiv = document.getElementById（ 'div1'）; function hasclass（element、csname）{return element.classname.match（regexp（ '（// s |^）'+csname+'（// s | $）'））; //定期的な検出を使用して、同じスタイルがあるかどうかを確認します}関数addclass（element、csname）{if（！hasclass（element、csname））{element.classname+= ''+csname; } addclass（odiv、 'div3'）; //この方法では、要素にスタイルを柔軟に追加できます。 [要素削除指定されたスタイル] //最初に判断を下すために同じことを行い、var odiv = document.getElementById（ 'div1'）を削除します。 function hasclass（element、csname）{return element.classname.match（regexp（ '（// s |^）'+csname+'（// s | $）'））; //定期的な検出を使用して、同じスタイルがあるかどうかを確認します}関数deleteclass（element、csname）{if（！hasclass（element、csname））{element.classname.replace（regexp（ '（// s |^）'+csname+'（// s | $）、'）; //レギュラーを使用して削除するスタイルの名前をキャプチャし、削除に相当する空白の文字列に置き換えます} deleteclass（odiv、div3）; } </script> </head> <body> <div id = "div1" class = 'div2'>テスト</div> </body> </html>JavaScriptの要素に複数のクラスを追加するという簡単な実装は、私があなたと共有するコンテンツ全体です。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。