요소에서 클래스를 순환하는 8 가지 방법

3 개의 HTML 클래스가 있고 DOM 요소는 주어진 시간에 하나만 소유해야한다고 상상해보십시오.

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

당신의 임무는이 클래스를 회전시키는 것입니다. 이것은 HTML 요소에서 그들을 순환하는 것을 의미합니다. 특정 이벤트에서 요소에 state-1 있는 경우 state-1 제거하고 state-2 추가하십시오. state-2 있는 경우 제거하고 state-3 추가하십시오. 마지막으로 state-3 있는 경우 제거하고 state-1 로 다시 순환하십시오.

이 데모 펜에서 각 방법에 대한 코드가있는 작동 예는 [데모 펜으로 링크가 제공되면 여기에 이동]을 찾을 수 있습니다. 예제는 번호가 매겨집니다. 다른 방법을 테스트하려면 현재 활성화 된 예제를 주석하고 원하는 예제를 타협하십시오.

위 내용은 요소에서 클래스를 순환하는 8 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!