Check if HTML element has class

OSCC · JavaScript, Browser, CSS · Oct 19, 2020

Checks if the given element has the specified class.

  • Use Element.classList and DOMTokenList.contains() to check if the element has the specified class.
const hasClass = (el, className) => el.classList.contains(className);
hasClass(document.querySelector('p.special'), 'special'); // true

Recommended snippets

  • Set style for element

    JavaScript, Browser

    Sets the value of a CSS rule for the specified HTML element.

  • Render DOM element

    JavaScript, Browser

    Renders the given DOM tree in the specified DOM element.

  • Array to HTML list

    JavaScript, Browser

    Converts the given array elements into <li> tags and appends them to the list of the given id.