ran
한국어

removeClassToElement

지정한 DOM 요소에서 CSS 클래스 이름을 없앱니다.

API

removeClassToElement

반환값

반환값 없음(void)

매개변수

매개변수 설명 타입 기본값
element DOM 요소 Element 필수
removeClass 없앨 클래스 이름 string 필수

예시

기본 사용법

import { removeClassToElement } from 'ranuts';

const element = document.getElementById('myElement');
removeClassToElement(element, 'active');
// element에서 'active' 클래스가 사라졌습니다

조건부 제거

import { removeClassToElement } from 'ranuts';

const element = document.querySelector('.button');
if (shouldRemove) {
  removeClassToElement(element, 'highlighted');
}

서버에서의 안전성

import { removeClassToElement } from 'ranuts';

// 서버 환경에서는 오류를 던지지 않고 조용히 넘어갑니다
removeClassToElement(element, 'class-name'); // 서버: 아무 일도 없음

참고

  1. 존재 확인: 요소가 그 클래스를 가지고 있을 때만 없앱니다.
  2. 서버에서의 안전성: 서버 환경(document 객체가 없음)에서는 오류를 던지지 않고 조용히 처리합니다.
  3. classList를 씁니다: 현대적인 classList.remove()를 쓰므로 className을 직접 만지는 것보다 안전합니다.