Artboard 16light, inspiration, solution, idea, innovation,ionicons-v5_logosGoogle Sheets iconSwift icon
Published at
Updated at
Reading time
This post is part of my Today I learned series in which I share all my web development learnings.

A common operation when building interfaces is to figure out if an element contains a particular class. Today I learned about Element.prototype.matches. The element method can be used to check if an element includes a certain class and is way shorter than element.classList.contains. ๐ŸŽ‰

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

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

It turns out matches can also deal with a selector that includes multiple classes. elem.matches('.foo, .bar') returns true for elements with the class .foo or .bar. ๐Ÿ‘

Was this TIL post helpful?
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 11 days ago.

Related Topics

Related Articles