要素上のクラスを循環する8つの方法

3つのHTMLクラスがあると想像してください。DOM要素は、いつでも1つしか所有していません。

<div></div>
<div></div>
<div></div>

あなたの仕事は、これらのクラスを回転させることです。これは、HTML要素でそれらをサイクリングすることを意味します。特定のイベントでは、要素にstate-1がある場合、 state-1を削除し、 state-2を追加します。 state-2がある場合は、削除してstate-3を追加します。最後に、 state-3がある場合は、それを削除し、 state-1に戻ります。

各メソッドのコードを使用した作業例は、このデモペンにあります[提供されれば、デモペンへのリンクはここに移動します]。例には番号が付けられています。別の方法をテストするには、現在アクティブな例をコメントして、目的の例を除外します。

以上が要素上のクラスを循環する8つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。