[JavaScript - 16] HTML클래스 적극 활용하기

HTML 클래스 적극 활용하기

Element.classList

• classList속성은 웹 요소(Element)로부터 클래스 컬렉션을 반환하는 속성
• 관련 메소드

  메서드	기능	사용 예
  add	지정한 클래스 값 추가	add(”new_class”)
  remove	지정한 클래스 값 제거	remove(’old_class”)
  item	인덱스를 이용해 클래스 값 반환	item(1)
  toggle	클래스 값 토글링	toggle(’some_value”)
  contains	지정한 클래스 값 존재 여부 확인	contains(”is_contains”)
  replace	기존 클래스를 새 클래스로 대체	replace(”old”,”new”)