matches 메소드

matches 메소드는 요소가 지정된 CSS 선택자를 만족하는지 확인할 수 있게 합니다.

구문

javascript요소.matches('선택자');

예제

우리의 요소가 www 클래스를 가진 단락인지 확인해 봅시다:

html<p id="elem" class="www"></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.matches('p.www'));

코드 실행 결과:

javascripttrue

참고 항목

  • 선택자로 자손을 확인하는 메소드 contains
  • 선택자로 부모를 찾는 메소드 closest