Check if an element includes a certain class with "matches"
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
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. The element method can be used to check if an element includes a certain class and is way shorter than element. 🎉
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 returns true for elements with the class
Was this TIL post helpful?
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 18 days ago.
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 18 days ago.
Related Topics
Related Articles
- JS surprise: Array.every() always returns true for empty arrays
- How to escape CSS selectors in JavaScript
- A new method to validate URLs in JavaScript (2023 edition)
- How to remove all event listeners from a DOM element
- Copy an array and replace one element at a specific index with modern JavaScript
About the author
Frontend nerd with over ten years of experience, "Today I Learned" blogger, conference speaker, Tiny helpers maintainer, and DevRel at Checkly.