Check if an element contains a class in JavaScript?

Question

Using plain JavaScript (not jQuery), Is there any way to check if an element contains a class?

Currently, I\'m doing this:

Answer 1

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

---

Demo

var testElement = document.getElementById('test');

console.log({
    'main' : testElement.classList.contains('main'),
    'cont' : testElement.classList.contains('cont'),
    'content' : testElement.classList.contains('content'),
    'main-cont' : testElement.classList.contains('main-cont'),
    'main-content' : testElement.classList.contains('main-content')
});

---

Supported browsers

(from CanIUse.com)

---

Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.