[JavaScript] 자바스크립트에서 요소 클래스 유/무효화하기

151_자바스크립트에서 요소 클래스 유/무효화하기 [적용] 요소의 클래스를 동적으로 다루고 싶을 때 [문법] 메소드 의미 반환 요소.classList.toggle(클래스) 클래스 전환 없음 [내용] classList.toggle()은 설정된 클래스를 추가하거나 제거할 수 있다. 1초마다 클래스를 전화하는 예시를 확인해 보자. setInterval(() => { box.classList.toggle('red'); }, 1000); [예시] 버튼 클릭으로 표시 내용을 전환하는 예시안을 확인해 보자. .button 요소를 클릭하면 .contnt 요소의 show 클래스를 표시하거나 제거한다. show 클래스가 설정된 상태에서만 .content 요소가 표시된다. HTML index.html HTML HyperTe..

2022.07.12