วิธีการ matches

วิธีการ matches ช่วยให้สามารถตรวจสอบได้ ว่าองค์ประกอบตรงกับ CSS selector ที่กำหนดหรือไม่

ไวยากรณ์

javascriptองค์ประกอบ.matches('selector');

ตัวอย่าง

ลองตรวจสอบว่าองค์ประกอบของเราเป็นย่อหน้าที่มีคลาส www หรือไม่:

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

ผลลัพธ์จากการรันโค้ด:

javascripttrue

ดูเพิ่มเติม

  • วิธีการ contains,
    ซึ่งตรวจสอบองค์ประกอบลูกด้วย selector
  • วิธีการ closest,
    ซึ่งค้นหาองค์ประกอบพ่อแม่ด้วย selector