hasClass를 javaScript로 표현하기

728x90

SMALL

classList.contains()를 이용해서 hasClass 기능을 javaScript로 표현할 수 있다.

Element.classList는 엘리먼트 클래스 속성의 컬렉션인 활성 DOMTokenList를 반환하는 읽기 전용 프로퍼티 이다.

Element.classList의 메서드 중에서 contains(String)를 사용하면 지정한 클래스 값이 엘리먼트의 class 속성에 존재하는지 확인할 수 있다.

if (document.body.classList.contains('foo')) {
    // body 엘리먼트에 foo라는 클래스가 있을 경우
}

<body class="foo">

if (document.querySelector(".section").classList.contains("foo")) {
  // section 클래스에 foo라는 클래스가 있을 경우
}

<div class="section foo">...</div>

728x90

LIST

call, apply, bind 차이 (0)	2022.05.25
자바스크립트 공부하기 좋은 사이트 (0)	2022.05.18
Document.readyState 자바스크립트 (0)	2022.05.16
[javaScript] bind 메소드 (0)	2022.05.14
자바스크립트 addEventListener 이벤트 추가하기 (0)	2022.05.13

mooyou