Element.prototype.matches lze použít ke kontrole, zda prvek obsahuje určitou třídu

Zjistit, zda prvek obsahuje konkrétní třídu, je při vytváření rozhraní zcela běžná operace. Dnes jsem narazil na článek Davida Gilbtersona, který popisuje „15 metod prvků HTML, o kterých jste potenciálně nikdy neslyšeli“ a uvedl mě do Element.prototype.matches . Tuto metodu prvku lze použít ke kontrole, zda prvek obsahuje určitou třídu a je kratší než element.classList.contains . 🎉

const elem = document.querySelector('.foo');

elem.classList.contains('bar'); // true
elem.matches('.bar');           // true

Upraveno:Ukázalo se, že matches také schopný pracovat s několika třídami. (elem.matches('.foo, .bar') – "prvek odpovídá .foo nebo .bar ").