مетод 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() نسخه مرورگر روش:

کروم ایج فایرفاکس سافاری آپرا
کروم
33		 ایج
15		 فایرفاکس
34		 سافاری
7		 آپرا
21
فوریه 2014 آوریل 2017 دسامبر 2014 ماه اکتبر 2013 ماه مه 2014