طريقة 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 selectors.

القيمة المقدمة

النوع الوصف
قيمة بولية
  • true - العنصر مطابق لاختيار CSS
  • false - العنصر غير مطابق لاختيار CSS

دعم المتصفح

أول متصفح يدعم matches() إصدار المتصفح للمتدخل:

كروم إدج فايرفوكس سفاري أوبرا
كروم
33		 إدج
15		 فايرفوكس
34		 سفاري
7		 أوبرا
21
2014 شهر 2 2017 شهر 4 2014 عام 12 تشرين الأول 2013 أيار 2014