The matches() method of the Element interface tests whether the element would be selected by the specified CSS selector.

selectors

A string containing valid CSS selectors to test the Element against.

true if the Element matches the selectors. Otherwise, false.

SyntaxError DOMException

Thrown if selectors cannot be parsed as a CSS selector list.

const birds = document.querySelectorAll("li");

for (const bird of birds) {
  if (bird.matches(".endangered")) {
    console.log(`The ${bird.textContent} is endangered!`);
  }
}

This will log "The Philippine eagle is endangered!" to the console, since the element has indeed a class attribute with value endangered.

• CSS selectors module
• Other Element methods that take selectors: Element.querySelector(), Element.querySelectorAll(), and element.closest().