HTML DOM Element matches() 메서드

정의와 사용법

matches() 메서드는 반환합니다 true；특정 CSS 선택자와 일치하는 경우에만 반환 false。

또한 참조하십시오：

완전한 CSS 선택자 참조 매뉴얼

Element closest() 메서드

예제

예제 1

요소가 특정 CSS 선택자와 일치하는가?

const element = document.getElementById("demo");
let answer = element.matches(".container");

직접 시험해 보세요

예제 2

요소가 두 가지 선택자 중 하나와 일치하는가?

const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");

직접 시험해 보세요

문법

element.matches(selectors)

매개변수

매개변수 설명
selectors

필수입니다. 일부 또는 여러 개(콤마로 구분) 일치해야 할 CSS 선택자。

반환된 요소는 문서에서 첫 번째로 찾은 요소입니다。

우리의 완전한 CSS 선택자 참조 가이드。

반환 값

타입 설명
부울 값
  • true - 요소가 CSS 선택자와 일치
  • false - 요소와 CSS 선택자가 일치하지 않음

브라우저 지원

첫 번째 완전히 지원 matches() 메서드의 브라우저 버전：

Chrome Edge Firefox Safari Opera
Chrome
33		 Edge
15		 Firefox
34		 Safari
7		 Opera
21
2014 년 2 월 2017 년 4 월 2014 년 12 월 2013년 10월 2014년 5월