티스토리 뷰

JavaScript

[JavaScript] classList

IT공부블로그 2019. 5. 3. 16:45
728x90
반응형

해당 Element의 클래스목록에 접근하는 간편한방법

element.classList


메소드


add : Element에 클래스를 추가     ex) element.classList.add('open')

remove : Element에 클래스를 제거    ex) element.classList.remove('open')

toggle : Element에 클래스가 존재하면 제거하고 없으면 추가 ex) element.classList.toggle('open')

contain : Element에 클래스가 존재하는지 확인     ex) element.classList.contain('open')

replace : Element에 클래스를 새로운 클래스로 교체 ex) element.classList.replace( 'open', 'close')     open클래스를 close로 교체




728x90
반응형

'JavaScript' 카테고리의 다른 글

[JavaScript] JavaScript에서 JSTL 사용  (0) 2019.05.29
[JavaScript] JS tip  (0) 2019.05.26
JavaScript 배열 메소드  (0) 2019.05.02
object sort()를 이용하여 정렬하는방법  (0) 2019.05.02
비동기  (0) 2019.04.17
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함