Javascript 클래스 리스트 조회 및 클래스 포함 여부 판단

특정 Element의 클래스 리스트를 파악하거나 특정 클래스를 포함하는지 확인이 필요한 경우가 있다.

 

다음과 같이 클래스 리스트 조회 및 클래스 포함 여부를 판단할 수 있다.

 

test.js

/**
 *  [가지고 있는 클레스리스트(class list) 조회 방법과 포함하는 클래스를 찾기]
 *  - classList : 클레스 리스트 조회
 *  - contains : ('d-none' class를)포합하고 있는가? (true or false return)
 */
const sampleEle = document.getElementById("sampleEle");
const isDnone = sampleEle.classList.contains('d-none');