NULL

classList.toggle 개념 본문

Front-end/Vanilla JS

classList.toggle 개념

1924 2022. 4. 9. 09:09

classList는 클래스를 추가한다.

 

classList.toggle 사용법

해당 클래스가 없다면 추가하고, 존재한다면 제거한다.

 

menuBtn[0].addEventListener('click', function(){
    menuList[0].classList.toggle('show');
})

 

show는 display: block 속성을 가지고 있다.

 

해당요소가 block이라면 그대로 놔두고 block이 아니라면 show클래스를 추가한다.

 

'Front-end > Vanilla JS' 카테고리의 다른 글

** 거듭제곱 연산자  (0) 2022.04.12
event.preventDefault() 서브밋방지  (0) 2022.04.10
getElementsByClassName 사용법  (0) 2022.04.09
JS 동등 일치 비교 연산자  (0) 2022.04.08
JS 변수 동적 타이핑  (0) 2022.04.07
Comments