classList.remove() 메서드는 특정 클래스를 삭제하는 메서드입니다. 예를 들어, element.classList.remove('active')를 사용하면 element의 active 클래스가 삭제됩니다.
만약 element에 active 클래스가 여러 개가 존재한다면, 이 메서드는 첫 번째로 발견한 active 클래스만 삭제합니다. 따라서 element에 여러 개의 active 클래스가 존재하는 경우, 모든 active 클래스를 삭제하려면 반복문이나 다른 방법을 사용해야 합니다.
예를 들어, 다음 코드는 element의 모든 active 클래스를 삭제합니다.
#hostingforum.kr
javascript
element.classList.forEach(className => {
if (className === 'active') {
element.classList.remove(className);
}
});
또는 다음 코드를 사용할 수 있습니다.
#hostingforum.kr
javascript
element.classList.remove(...element.classList.filter(className => className === 'active'));
이 코드는 element의 active 클래스를 삭제하고, 삭제된 클래스는 배열에 담아 반환합니다.
2025-07-27 21:30